HTML5 引入了一系列的语义化标签,这些标签用于描述网页的不同部分和内容,使得网页的结构更加清晰和有意义。
常见的 HTML5 语义化标签及其含义如下:
<header>
:通常用于定义文档或段落的页眉。它经常包含导航链接、标题和徽标等。<footer>
:定义文档或段落的页脚,通常包含版权信息、联系方式和相关链接。<article>
:表示独立的、完整的内容,如博客文章、新闻故事或论坛帖子。<section>
:定义文档中的一个区段,通常包含一个标题(<header>
)和一些内容。<nav>
:表示页面的导航部分,通常包含一系列导航链接。<aside>
:定义页面的侧边栏内容,通常包含与主内容相关的辅助信息。<main>
:表示文档的主要内容区域,每个页面中应该只有一个<main>
元素。<figure>
:用于包含媒体内容,如图像、图表、照片、代码等,以及它们的标题(<figcaption>
)。<figcaption>
:为<figure>
元素提供一个标题或caption。<details>
:用于描述用户可以查看或隐藏的细节。<summary>
:为<details>
元素提供摘要或标题。<mark>
:定义带有记号的文本,通常用于突出显示搜索结果。<meter>
:定义一个度量衡,仅用于已知最大和最小值的度量。<progress>
:定义任何类型的任务的进度。<ruby>
、<rt>
和<rp>
:用于定义 ruby 注释(中文注音或字符)。<time>
:定义日期或时间。<wbr>
:规定在文本中的何处适合添加换行符。<small>
:定义小号文本,通常用于版权声明、法律文本等。<strong>
:定义重要的文本,语义上表示内容的强烈重要性。<em>
:定义强调的文本,通常显示为斜体。<blockquote>
:定义块引用,浏览器会在blockquote
元素前后添加换行,并增加外边距。<abbr>
:定义缩写词,可以使用title
属性提供全称。<address>
:定义文档或文章的作者或版权信息的联系信息。<bdi>
:定义文本的方向隔离,防止文字被邻近的格式化文本影响。<data>
:定义表示数据值的元素。<dl>
、<dt>
和<dd>
:<dl>
定义定义列表,<dt>
定义定义列表中的项目,<dd>
定义定义列表中项目的描述。<ins>
和<del>
:<ins>
定义被插入文本,通常显示为下划线;<del>
定义被删除文本,通常显示为删除线。<kbd>
、<samp>
和<var>
:分别定义键盘输入、样本输出和变量。<cite>
:定义作品的标题。<code>
:定义计算机代码文本。
这些语义化标签有助于提高网页的可读性、可维护性和无障碍访问性,同时也对搜索引擎优化(SEO)有积极影响。