文本类标签简介

HTML 文本标签用来组织文本块或者片段，一般放置在body标签中。这些标签具有较强的语义化涵义，对于可访问性和搜索引擎优化有积极的作用。

常见标签

标签：<a>
涵义：定义一个超链接
示例：美团网
属性：
- href：链接地址
- target：目标网页【_blank/_self/_parent/_top】
标签：<bdi>
涵义：把用户名从周围的文本方向设置中隔离出来
示例：
Username Bill:80 points

属性：
- dir：规定 <bdi> 元素内的文本的文本方向【ltr/trl/auto】
标签：
涵义：以斜体显示特殊文本，如技术术语、外文短语，或者小说中人物的中心思想。
示例：The Queen Mary Tsailed last night
注：最开始只是表示斜体，无实际意义，但是在最新的HTML5规范中，被赋予了新的语义化涵义，用来表示特殊文本，如技术术语、外文短语，或者小说中人物的中心思想等。
标签：
涵义：以斜体显示文本，在于强调的重点。
示例：We had to do something about it
注：和 的区别在于语义化方面的不同，是表达要素(phrase elements)，表示句子中的强调，即强调语义。
标签：
涵义：以粗体显示文本。
示例：Text is bold
注：最开始的表示无意义的加粗，但是在最新的HTML5规范中表示文体上突出的不包含任何额外的重要性的一段文本，例如：文档概要中的关键字，评论中的产品名等。
标签：
涵义：以粗体显示文本，用于强调，比更重点的强调
示例：Text is bold
注：同也是表达元素，表示页面中的强调。
标签：
涵义：以上标显示文本
示例：This text is ^{superscripted}
标签：
涵义：以下标显示文本
示例：水的化学表达式是H₂O
标签：<big>
涵义：增大显示文本【已废弃】
标签：
涵义：使文本以更小的字号显示
示例：©版权所有
注：最开始是没有语义化色彩的，在HTML5规范中，用来表示版权或法律信息等。
标签：<ins>
涵义：表示被插入的文本
示例：This text has been inserted.
属性：
- cite：该属性定义了资源的URI,解释了变化的来源。
- datetime：这个属性表示变化的时间和日期。
标签：<del>
涵义：表示被删除的文本
示例：~~This text has been deleted~~, here is the rest of the paragraph.
属性：同<ins>
标签：<bdo>
涵义：自定义文本的方向
示例：This is normal direction.And this will right to left.
属性:dir-文本方向，可选值[rtl/ltr/auto]
标签：<cite>
涵义：表示一些“有创意”的文本，如人们约定俗成的语言缩写
示例：我们经常用的文件编码格式是 [UTF-8]
标签：<q>
涵义：表示一小段外部引用文本，会自动加上双引号
示例：Mary said Oh My God. 属性：cite-表示引用来源
标签：<blockquote>
涵义：表示大段外部引用文本
示例：

This is a quotation taken from the Mozilla Developer Center.
标签：<dfn>
涵义：表示定义一个专业术语名词
示例：I love WWW
标签：<abbr>
涵义：表示文本缩写
示例：I'm a FE engineer.

计算机相关标签

标签：<kbd>
涵义：表示用户键盘输入
示例：press ESC to exit.
标签：<var>
涵义：代表了一个数学表达式或编程上下文
示例：A simple equation: x = y + 2
标签：<samp>
涵义：表示计算机编程的简单输出
示例：This program outputs:This is sample text.
标签：<tt>
涵义：显示一段打字文本（大致是这个意思）【已废弃】
标签：<code>
涵义：显示一段计算机代码片段
示例：write console.log(window) to see window object.

标签：<pre>
涵义：显示一段格式化的文本
示例：

其他特殊文本标签

标签：
涵义：显示一段高亮文本
示例：The element is used to highlight text
标签：<time>
涵义：显示一个时间
示例：Time is May 12
属性：datetime-指定时间
标签：<ruby>
涵义：定义 ruby 注释（中文注音或字符）,和 <rt> 标签一同使用,<ruby> 元素由一个或多个字符（需要一个解释/发音）和一个提供该信息的 <rt> 元素组成，还包括可选的 <rp> 元素，定义当浏览器不支持 <ruby> 元素时显示的内容
示例：示例 shi li 不支持 shi li浏览器不支持<ruby>
标签：<rt>
涵义：定义<ruby>元素的注释
示例：同上
标签：<ruby>
涵义：定义当浏览器不支持 <ruby> 元素时显示的内容
示例：同上
标签：
涵义：定义文本换行的时机，指定在何处添加换行符
示例：不得不说，electroencephalography是一个很长的单词
标签：<details>
涵义：用于描述文档或文档某个部分的细节,目前只有 Chrome 支持 <details> 标签。一般和<summary>配合使用,没有<summary>的话默认显示“详细信息”
示例：

All pages and graphics on this web site are the property of W3School.

属性：open - 设置是否打开细节
标签：<summary>
涵义：包含 <details> 元素的标题，<details> 元素用于描述有关文档或文档片段的详细信息。<summary> 元素应该是 <details> 元素的第一个子元素。
示例：

HTML5
This document teaches you everything you have to learn about HTML 5.