返回

HTML5 语义化标签

<nav>:标记导航 <header>, <footer>:页头、页脚 <aside>:元素中连接到页面中其他部分的内容,被认为是独立于该内容的一部分并且可以被单独的拆分出来而不会使整体受影响。其通常表现为侧边栏或者被插入在该内容里。他 <article>:文章标记标签(表示的是一个文档、页面、应用或是网站中的一个独立的容器,原则上来讲就是聚合)。 <section>:区块定义标签(表示的是文档或是应用的一个一般的块),他一般是有一组相似的主题的内容,一般会包含一个标题。 <figure>, <figcaption>: 元素代表一段独立的内容,这个标签经常是在主文中引用的图片,插图,表格,代码段等等,当这部分转移到附录中或者其他页面时不会影响到主体。figcaption 标签定义 figure 元素的标题,其位置应该被置于 “figure” 元素的第一个或最后一个子元素的位置。 <mark>:用来突出显示文本,它的效果就像是用荧光笔给重点的语句做标记一样; TIPS:

  1. <hgroup>标签已经在HTML5规范中删除。
  2. 区别 div section article 这三者的语义是从无到有,逐渐增强的。div 无任何语义,仅仅用作样式化或者脚本化的钩子(hook),对于一段主题性的内容,则就适用 section,而假如这段内容可以脱离上下文,作为完整的独立存在的一段内容,则就适用 article。
Licensed under CC BY-NC-SA 4.0