跳到主要内容

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 效果。