HTML5 提供的新语义元素

 

标签	作用	描述
<header>	页眉	介绍性的内容
<footer>	页脚	通常包含有关作者的信息、版权或文件链接
<nav>	导航链接	可以是当前文档内的，也可以是到其他文档的。常见例子是菜单、目录和索引
<main>	文档主内容	中心主题直接相关或扩展的内容
<article>	文章	自成一体，独立分发，可重复使用
<section>	文档中的节	没有一个更具体的语义元素来代表
<aside>	页面内容以外的内容	其内容与文档的主要内容只有间接的关系。经常以边栏或呼出框的形式出现
<mark>	重要或强调的文本	为参考或记事目的而被标记或突出的文本，表明其相关性和重要性
<summary>	<details> 标题	为<details>指定一个摘要、标题或图例。点击<summary>可以切换<details>打开和关闭
<details>	用户能够查看或隐藏的额外细节	其中的信息只有被切换到 "打开 "状态时才可见。必须使用<summary>提供一个摘要或标签
<figure>	自包含内容	独立的内容，用<figcaption>元素指定一个可选的标题。比如图示、图表、照片、代码清单等
<figcaption>	<figure> 的标题	描述其父元素其余内容的标题或图例
<time>	定义日期/时间	可能包括datetime属性，将日期翻译成机器可读的格式，以便获得更好的搜索引擎结果或自定义功能。如提醒