html5文字標籤

caoruipeng發表於2024-03-20

標題文字 h1、h2、h3、h4、h5、h6

其中 h1、h2、h3是比較常用的。h3、h4、h5、h6相對來說用的會少一點,除非結構層次比較深才會使用。

段落文字 p

<p>這是一個段落<p/>

強調文字 strong 和 em

儘量避免使用b代替strong,使用i代替em。它們表示的含義不一樣
<strong>strong表示文字的重要性,瀏覽器會對strong標籤內容加粗</strong>
<em>em表示內容的著重點,瀏覽器一般不會對em內容傾斜 </em>

標記細則 small big

small標籤和big標籤分別表示小號字型和大號字型。small通常是行內文字的一小塊,通常用於免責宣告、注意事項、版權資訊、法律限制等。big通常是大號字型展示。一啊不能用的少。

加粗字型b,斜體i

b標籤用於加粗字型,i標籤用於使字型傾斜。

上標sup、下標sub

sup標籤和sub標籤使標記的文字比普通文字高一點或者第一點。常用於表示數學公式。具體的程式碼和執行結果如下:
<p>這是一段<sup>上標文字</sup></p>
<p>這是一段<sub>下表文字</sub></p>
image
sup和sub可以使行高增加,可以使用css修復。

定義術語 dfn標籤

dfn標籤預設斜體顯示文字,
<p><dfn>Internet</dfn>是一個全球網際網路系統,使用者量巨大</p>

標記程式碼 code

code標籤用於展示一段程式程式碼,該標籤包裹的內容一般是一段程式程式碼,有特殊的樣式顯示。由於程式碼中經常包含<和>等特殊字元,在code中需要轉義。如果顯示單獨的一塊程式碼,可以在外圍使用 pre標籤包裹
其他與計算機相關的有kbdsampvar等標籤,不過基本上不使用。
<code>int a=1;</code>

預定義格式 pre

pre標籤主要用於報紙計算機示例程式碼的完整格式。因為普通html元素會忽略空格、換行等元素。pre則要求完全保持元素內的所有格式,包括所有的空格換行等。

縮寫詞 abbr [瞭解即可]

下劃線和刪除線 ins del

ins和del的效果也可以透過css實現。
<ins>這是一個ins下劃線標籤</ins> <del>這是一個del刪除線標籤</del>
執行效果如下:
image

指明引用或者參考 cite,一般用於標記歌曲名、電影名、照片、雕塑 圖書名、作品等名稱

<p>她正在看 <cite>紅樓夢</cite> </p>
執行效果如下:
image

相關文章