html中的文档块标签

114 阅读2分钟

html中的标签根据其语义可以分为9种类型,其中之一是文档块标签。顾名思义这类标签是用来包裹块状结构的文档类型内容的。

它们是:bodyasideaddressh1h2h3h4h5h6sectionheadernavarticlefooterhgroup

它们的语义是:

  • body:表示文档的内容。
  • aside:表示一个和其余页面内容几乎无关的部分,被认为是独立于该内容的一部分并且可以被单独的拆分出来而不会使整体受影响。
  • address:表示某个人或某个组织(等等)的联系信息。
  • h1~h6:呈现了六个不同的级别的标题,h1级别最高,而h6级别最低。
  • section:表示一个通用独立章节,它没有更具体的语义元素来表示。
  • header:展示介绍性内容,通常包含一组介绍性的或是辅助导航的实用元素。
  • nav:表示在当前文档或其他文档中提供导航链接。
  • article:表示文档、页面、应用或网站中的独立结构,其意在成为可独立分配的或可复用的结构。
  • footer:表示最近一个章节内容或者根节点元素的页脚。
  • hgroup:代表文档标题和与标题相关联的内容,它将一个h1~h6元素与一个或多个p元素组合在一起。
  • main:规定文档的主要内容。在一个文档中,不能出现一个以上的main元素。

一些使用经验:

  1. aside通常表现为侧边栏或者标注框。
  2. section通常会包含一个标题。
  3. header可能包含一些标题元素,但也可能包含其他元素,比如 Logo、搜索框、作者名称,等等。
  4. nav常见示例是菜单,目录和索引。
  5. article可能是论坛帖子、杂志或新闻文章、博客、用户提交的评论、交互式组件,或者其他独立的内容项目。
  6. footer通常包含该章节作者、版权数据或者与文档相关的链接等信息。
  7. main不能是articleasidefooterheadernav的后代。