HTML 语义化标签
HTML4 及早期版本中的语义化标签
<a>:定义超链接。<abbr>:定义缩写。<acronym>(已废弃,用<abbr>替代):定义首字母缩略词。<address>:定义文档或文章作者/所有者的联系信息。<bdo>:定义文本的方向。<blockquote>:定义长篇引用。<cite>:定义作品的标题。<code>:定义计算机代码文本。<dfn>:定义定义术语。<em>:定义强调文本。<h1>至<h6>:定义标题级别。<i>:定义斜体文本。<ins>:定义插入的文本。<kbd>:定义键盘输入。<ol>:定义有序列表。<pre>:定义预格式化的文本。<q>:定义短引用。<samp>:定义示例计算机代码。<strong>:定义重要文本。<sub>:定义下标文本。<sup>:定义上标文本。<table>:定义表格。<ul>:定义无序列表。<var>:定义变量。
HTML5 新增的语义化标签
<article>:定义独立的内容。<aside>:定义与页面主要内容相关的辅助信息。<details>:定义用户可以查看或隐藏的额外详情。<dialog>:定义对话框或窗口。<figcaption>:定义<figure>元素的标题。<figure>:定义媒体内容,如图像、图表等。<footer>:定义文档或节的脚部。<header>:定义文档或节的头部。<main>:定义文档的主要内容。<mark>:定义应被高亮显示的文本。<menu>:定义命令菜单。<nav>:定义导航链接。<progress>:定义任务进度。<ruby>:定义注音或字符解释。<rt>:定义<ruby>元素中的注音。<rp>:定义不支持<ruby>元素的浏览器中显示的备用内容。<section>:定义文档中的一个部分。<summary>:定义<details>元素的可见标题。<time>:定义日期或时间。<wbr>:定义可能的换行位置。
这些标签通过其名称就能表达出所包含内容的含义,从而提高了代码的可读性和可维护性,同时也增强了网页的可访问性和 SEO 效果。