跳至內容
Astera Technology

想強調語氣還是重要事項?先選對標記

語氣重點用 em,重要內容用 strong;即使不用斜體或粗體,標記仍有意思。

用正常字款顯示語氣重點和重要內容。

下載完整個案資料及參考答案 ↓

先看這個例子

第一句重點在「草稿」,用來對比已發佈頁面。第二句則把「保留原始檔」標為重要指示。兩種意思不同,即使字款完全一樣,標記仍應分清楚。

輸入與瀏覽器原生結果
情況輸入或查看方法結果與意思
語氣重點查看包住「草稿」的 em即使 font-style:normal,仍保留語氣重點語意
重要內容查看重要指示外的 strong沒有粗體也仍是重要內容元素
警報行為查看 role 屬性strong 不會自行建立 role=alert
下載可編輯 CSV ↓

瀏覽器怎樣處理

em 表示句子的語氣重點;strong 表示重要、嚴肅或緊急內容。它們並非「改斜體」和「改粗體」指令,只是瀏覽器常用這兩種預設字款。需要動態提示或警報時,也不能只加 strong 就當作已完成。

看起來是斜體,未必有語氣重點語意

這個 span 用斜體樣式,但仍是一般文字容器。它可以看似 em 的預設外觀,卻沒有變成 em。

反例原始碼,請另開例子核對
<p>我要的是<span style="font-style:italic">草稿</span>。</p>

反例有一個改過字款的 span,沒有 em。正例即使字款正常,仍有一個 em 和一個 strong。

試着修正

想突出「今日」而非「聽日」的語氣差別,不是寫安全警告,應用哪個元素?

查看參考答案

用 em 包住「今日」。句子本身仍要寫清楚;閱讀工具會怎樣讀出重點,須按實際工具和設定核對。

  • 核對 em、strong 及它們包住的原文。
  • 語意與字款結果要分開看。

原始例子檔案

相關資源