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;	註冊商標
其他實體字符