先看這個例子
第一句重點在「草稿」,用來對比已發佈頁面。第二句則把「保留原始檔」標為重要指示。兩種意思不同,即使字款完全一樣,標記仍應分清楚。
| 情況 | 輸入或查看方法 | 結果與意思 |
|---|---|---|
| 語氣重點 | 查看包住「草稿」的 em | 即使 font-style:normal,仍保留語氣重點語意 |
| 重要內容 | 查看重要指示外的 strong | 沒有粗體也仍是重要內容元素 |
| 警報行為 | 查看 role 屬性 | strong 不會自行建立 role=alert |
瀏覽器怎樣處理
em 表示句子的語氣重點;strong 表示重要、嚴肅或緊急內容。它們並非「改斜體」和「改粗體」指令,只是瀏覽器常用這兩種預設字款。需要動態提示或警報時,也不能只加 strong 就當作已完成。
看起來是斜體,未必有語氣重點語意
這個 span 用斜體樣式,但仍是一般文字容器。它可以看似 em 的預設外觀,卻沒有變成 em。
<p>我要的是<span style="font-style:italic">草稿</span>。</p>反例有一個改過字款的 span,沒有 em。正例即使字款正常,仍有一個 em 和一個 strong。
試着修正
想突出「今日」而非「聽日」的語氣差別,不是寫安全警告,應用哪個元素?
查看參考答案
用 em 包住「今日」。句子本身仍要寫清楚;閱讀工具會怎樣讀出重點,須按實際工具和設定核對。
- 核對 em、strong 及它們包住的原文。
- 語意與字款結果要分開看。