dispaly属性和HTML5

105 阅读1分钟

dispaly:;

  • none 隐藏元素
  • block 将行内元素改为块元素
  • inline 将块元素改为行内元素
  • inline-block 行内块元素,既可以设置宽高又不会独占一行,但会产生空隙,可以通过font-size:0;来解决

HTML5新增标签

  • header 一般用于头部信息
  • nav 一般用来包裹导航的内容
  • main 可以用来包裹主体
  • section 一般可以包裹一个内容区域块
  • article 一般用来包裹正文内容
  • aside 非正文的内容,与页面的主要内容是分开的,一般用作侧边栏
  • footer 页面或页面中某一个区块的脚注

HTML5新增的元素

video:<video src="" controls autoplay loop muted ></video>
audio:<audio src="" controls autoplay loop muted></audio>

  • controls 加上可以出现控制菜单
  • autoplay 自动播放
  • loop 循环播放
  • muted 自动禁音
  • video/audio中的字只有在不支持的浏览器上才会出现 练习(网页的简单布局):

image.png

image.png