一、 標題與段落標籤 (Block-level Text Elements) 用來組織文章結構與段落的區塊元素。 <h1> 至 <h6>:標題標籤。<h1> 層級最高,<h6> 層級最低。 p:段落標籤 (Paragraph),用於包覆一般的文字段落。 blockquote:長引言標籤,通常用於引用大段的外部文字。 pre:預格式化文本,會保留空白字元與換行符號(通常用於顯示程式碼)。 二、 行內文字樣式標籤 (Inline Text Elements) 用來改變局部文字樣式或賦予特定語意(SEO 或無障礙設計)的行內元素。 <span>:通用行內容器,常用來加上 CSS 樣式。 <strong>:加粗,瀏覽器通常會以粗體顯示。 <b>:粗體標籤,單純讓文字變粗,無特殊語意。 <em>:斜體(強調語意),表示語氣上的強調,瀏覽器通常會以斜體顯示。 <i>:斜體標籤,單純讓文字變斜(常用於專有名詞、外語或心裡想法)。 <u>:底線標籤(Underline)。 <s> 或 strike:刪除線標籤(Strikethrough)。 <del>:刪除文字(Deleted text)。 <ins>:插入文字(Inserted text),語意上表示文件後來新增的內容。 <mark>:標記/螢光筆標籤,用於醒目提示(Highlight)某段文字。 small:小號字體標籤,通常用於版權聲明、免責聲明或附註小字。 sub 與 sup:下標與上標標籤(例如化學式 H_2O 或數學平方)。 code:程式碼片段,用於顯示電腦程式碼。 kbd:鍵盤輸入,表示使用者的鍵盤按鍵動作。 samp:程式輸出,表示程式或腳本的輸出結果。 var:變數,用於數學運算式或程式碼中的變數名稱。 abbr:縮寫標籤(Abbreviation),可透過 title 屬性滑鼠懸停顯示完整名稱。 data:機器可讀資料,將特定文字與機器可讀的值(如 value 屬性)進行關聯。 time:時間與日期,專門用來標記時間、日期或時間區間。 q:短引言(Quote),用於行內的小段引用文字(通常會自動加上引號)。 cite:作品標題,用於引用書籍、電影、論文等作品的名稱。 dfn:定義詞,表示該詞彙正在被定義。 ruby、rt、rp:注音與拼音標籤,常用於漢字上方標註注音或羅馬拼音(如日文假名)。 bdo:雙向文字覆蓋(Bi-directional Override),用於強制改變文字的書寫方向(由左至右或由右至左)。 bdi:雙向文字隔離,隔離可能受周圍文字方向影響的文字段落。 br:強制換行(Line Break),行內標籤。 wbr:建議換行點(Word Break Opportunity),告訴瀏覽器如果文字太長,可以在此處安全換行。
沒有留言:
發佈留言