HTML5标签变化-结构标签

结构标签
结构标签:可以理解为有意义的div

标记定义一篇文章
标记定义一个页面或一个区域的头部
标记定义导航链接
标记定义一个区域
标记定义页面内容部分的侧边栏
标记定义文件中一个区块的相关信息
hgroup使用:

  

标题

二级标题

标记定义一组媒体内容以及他们的标题
figure使用:

  
图片标题

标记定义一个页面或一个区域的底部
标记定义一个对话框


结构标签的具体使用




  
  
  
  Document
  


  
Logo

title

author

date

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugiat odit nesciunt molestiae expedita, dicta in veniam quidem voluptate alias perspiciatis quod doloremque libero. Quasi, aut impedit? Aliquid blanditiis maiores voluptatibus.

视频标题
张三:内容还不错
李四:还好吧,就是主题不突出
张三:内容还不错
李四:还好吧,就是主题不突出
copyright

结构标签的补充点

  1. header/section/aside/article/footer 不要自己嵌套自己
    例如:

是不合适的。

  1. 嵌套级别:header/section/footer 大于 aside/article/figure/hgroup/nav

这样的也是不合适的。

你可能感兴趣的:(HTML5标签变化-结构标签)