HTML5 文本元素

标题元素

• h1-h6标签可以用来定义标题；标题标签有强调作用，有确切的语义，h1-h6逐渐递减
• h1标签在同一个页面只能使用一次，h2-h6可以多次使用
• 标题标签会独占一行，属于块级元素

---

段落元素

• p标签用来标记一个段落，是常见的一个标签
• p标签会独占一行，属于块级元素

---

斜体标签

• i标签单纯显示斜体文本效果
• em标签显示斜体文本效果；有强调作用（强调作用给搜索引擎看）
• 不会换行，属于行内元素

---

粗体标签

• b标签单纯显示粗体文本效果
• strong标签显示粗体文本效果，有强调作用，比em标签的强调更强（强调作用给搜索引擎看）
• 不会换行，属于行内元素

---

换行标签

• br标签是单标签，强制性换行
• br标签不仅可以对文本换行，其他元素也可以使用br标签进行强制换行

---

水平分割线

• hr标签在视觉上将文档分隔成几个部分，使文档结构清晰，层次分明
• 在网页是上画出一条水平分隔线

---

span标签

• span标签没有任何样式，是为了给文本增加额外的结构
• 使用css给span元素中的内容添加丰富的样式
• span标签是使用最多的文本标签

---

其他文本标签

元素	作用
del	删除文字
wbr	表示安全换行
s	删除线,从语义上来看表示不确定的删除
u	给文字加下划线
ins	给文字加下划线，从语义上看，是添加一段文字，起到强调作用
small	小号字体，从语义上来看，用于免责声明和澄清声明
sub 和 sup	作用就是添加下标和上标，sub 表示下标：H2O；sup表示上标：100m2
dfn	从语义上看表示定义术语，是对一个词或短语的解释，实际效果就是倾斜文本
abbr	表示一段文本的缩写，在文本显示上没有任何实际效果，比如ABC
q	从语义上看表示引用来自其他地方的内容，我的实际作用就是给文本加上双引号
code	表示计算机代码片段：function(){…}
var	表示编程语言中的变量
samp	表示程序或计算机的输出 你没有权限浏览该网页
kbd	表示某部分内容是由用户利用键盘输入，如：请按Enter键
cite	从语义上看表示引用其他作品的标题，实际效果就是倾斜文本
bdo	设置文字方向，必须使用dir属性才可以设置，共有两个值，rtl(从右到左)；ltr(从左到右) 默认为ltr：left to right
mark	作用是突出显示文本，用于记号，实际作用就是添加黄色背景
time	从语义上看就是表示日期和时间，例如：2019-10-31
pre	保持原始格式（主要是保持空格和换行
dir属性	用来设定元素标签内容的文字方向，还可以在bdo元素中使用

---

字符实体

• 在HTML中预留的字符必须替换成字符实体，才能被浏览器正常识别，比如尖括号等

特殊表格的使用

符号	实体名称	实体数值	描述
	 	 	空格
<	&lt;	&#60;	小于
>	&gt;	&#62;	大于
&	&amp;	&#38;	和
"	&quot;	&#34;	双引号
'	&apos;	&#39;	单引号
±	&plusmn;	&#177;	正负值
©	&copy;	&#169;	著作权
®	&reg;	&#174;	注册商标
其他实体字符