学习要点：
1.文本元素总汇
2.文本元素解析
主讲教师：李炎恢
立即学习“前端免费学习笔记（深入）”；
本章主要探讨 HTML5 中的文本元素，所谓文本元素，就是将一段文本设置成相匹配的结构和含义。
一．文本元素总汇
HTML5 规范指出：使用元素应该完全从元素的语义出发。但是由于历史遗留及用户至上的原则，这种语义会宽松许多。
元素名称 | 说明 |
a | 生成超链接 |
br | 强制换行 |
wbr | 可安全换行 |
b | 标记一段文字但不强调 |
strong | 表示重要 |
i | 表示外文或科学术语 |
em | 表示强调 |
code | 表示计算机代码 |
var | 表示程序输出 |
samp | 表示变量 |
kdb | 表示用户输入 |
abbr | 表示缩写 |
cite | 表示其他作品的标题 |
del | 表示被删除的文字 |
s | 表示文字已不再确认 |
dfn | 表示术语定义 |
mark | 表示与另一段上下文有关的内容 |
q | 表示引自他处的内容 |
rp | 与 ruby 元素结合使用，标记括号 |
rt | 与 ruby 元素结合使用，标记括号 |
ruby | 表示位于表意文字上方或右方的注音符号 |
bdo | 控制文字的方向 |
small | 表示小号字体内容 |
sub | 表示下标字体 |
sup | 表示上标字体 |
time | 表示时间或日期 |
u | 标记一段文字但不强调 |
span | 通用元素，没有任何语义。一般配合 CSS 修饰。 |
立即学习“前端免费学习笔记（深入）”；
从上面这张表格中，我们发现文本元素还是非常多的。但实际上，在现实应用中，真正常用的也就是那么几个，绝大部分是针对英文的。
立即学习“前端免费学习笔记（深入）”；
二．文本元素解析
1.表示关键字和产品名称
HTML5
解释：元素实际作用就是加粗。从语义上来看，就是标记一段文字，但并不是特别强调或重要性。比如：一段文本中的某些关键字或者产品的名称。
立即学习“前端免费学习笔记（深入）”；
2.表示重要的文字
HTML5
解释：元素实际作用和一样，就是加粗。从语义上来看，就是强调一段重要的文本。
立即学习“前端免费学习笔记（深入）”；
3.
强制换行、
Thisabcdkedkslakdj fkdlsakd is apple.
解释：在任意文本位置键入
都会被换行，而在英文单词过长时使用
立即学习“前端免费学习笔记（深入）”；
4.表示外文词汇或科技术语
HTML5
解释：元素实际作用就是倾斜。从语义上来看，表示区分周围内容，并不是特别强调或重要性。
立即学习“前端免费学习笔记（深入）”；
5.加以强调
HTML5
解释：元素实际作用和一样，就是倾斜；从语义上来看，表示对一段文本的强调。
立即学习“前端免费学习笔记（深入）”；
6.表示不准确或校正
HTML5
解释：元素实际作用就是删除线；从语义上来看，表示不准确的删除。
立即学习“前端免费学习笔记（深入）”；
7.表示删除文字
HTML5
解释：元素实际作用和一样，就是删除线；从语义上来看，表示删除相关文字。
立即学习“前端免费学习笔记（深入）”；
8.表示给文字加上下划线
HTML5
解释：元素实际作用就是加一条下划线；从语义上来看，并不强调此段文本。
立即学习“前端免费学习笔记（深入）”；
9.添加一段文本
HTML5
解释：元素实际作用和一样，加一条下划线；从语义上来看，是添加一段文本，起到强调的作用。
立即学习“前端免费学习笔记（深入）”；
10.添加小号字体
HTML5
解释：元素实际作用就是将文本放小一号。从语义上来看，用于免责声明和澄清声明。
立即学习“前端免费学习笔记（深入）”；
11.添加上标和下标
55
解释：和元素实际作用就是数学的上标和下标。语义也是如此。
立即学习“前端免费学习笔记（深入）”；
12.等表示输入和输出
HTML5HTML5HTML5HTML5
解释：表示计算机代码片段；表示编程语言中的变量；表示程序或计算机的输出；
立即学习“前端免费学习笔记（深入）”；
13.表示缩写
HTML5
解释：元素没有实际作用；从语义上看，是一段文本的缩写。
立即学习“前端免费学习笔记（深入）”；
14.表示定义术语
HTML5
解释：元素就是一般性的倾斜；从语义上看，表示解释一个词或短语的一段文本。
立即学习“前端免费学习笔记（深入）”；
15.引用来自他处的内容
HTML5
解释：元素实际作用就是加了一对双引号。从语义上来看，表示引用来自其他地方的内容。
立即学习“前端免费学习笔记（深入）”；
16.引用其他作品的标题
HTML5
解释：元素实际作用就是加粗。从语义上来看，表示引用其他作品的标题。
立即学习“前端免费学习笔记（深入）”；
17.语言元素
饕餮
解释：用来为非西方语言提供支持。
立即学习“前端免费学习笔记（深入）”；
18.设置文字方向
HTML5
解释：必须使用属性 dir 才可以设置，一共两个值：rtl（从右到左）和 ltr（从左到右）。一般默认是 ltr。还有一个元素也是处理方向的，由于是特殊语言的特殊效果，且主流浏览器大半不支持，忽略。
立即学习“前端免费学习笔记（深入）”；
19.突出显示文本
HTML5
解释：实际作用就是加上一个黄色的背景，黑色的字；从语义上来看，与上下文相关而突出的文本，用于记号。
立即学习“前端免费学习笔记（深入）”；
20.
解释：
立即学习“前端免费学习笔记（深入）”；
21.表示一般性文本
HTML5 解释：元素没有实际作用；语义上就是表示一段文本，我们经常用它来设置 CSS 等操作。
立即学习“前端免费学习笔记（深入）”；
