先看這個例子
英文例子引述香港中文按鈕字樣;中文例子則講一個英文按鈕名稱。句內詞組各有自己的語言標記,外層句子仍用原本語言。
| 情況 | 輸入或查看方法 | 結果與意思 |
|---|---|---|
| 段落語言 | 查看 p 的 lang | 中文例子為 zh-Hant-HK |
| 詞組語言 | 查看 phrase 的 lang | Save draft 使用 en |
| CSS 語言配對 | 查段落和詞組的 :lang 配對 | 詞組的明確標記取代從段落沿用的語言 |
瀏覽器怎樣處理
lang 說明內容語言;子元素沒有另寫時,會沿用上層值。在 span 明確寫 lang,便標示換語言的位置。它不會翻譯文字、指定所有工具同用一把聲,亦不會令中文變成由右至左。若要聲稱朗讀效果,仍要用真正閱讀工具測試。
詞組沒有另標語言,就會沿用外層
反例詞組雖然用另一語言,卻沒有自己的 lang;內容仍按外層段落語言分類。
<p lang="zh-Hant-HK">按鈕的英文標籤是 <span id="phrase">Save draft</span>。</p>英文反例的詞組符合 :lang(en),不是 :lang(zh-Hant-HK);中文反例則符合 :lang(zh-Hant-HK),不是 :lang(en)。
試着修正
中文段落引述 Save draft 之後,繼續寫中文句子。是否要把整個 p 改成 en?
查看參考答案
不用。中文例子保留 p 的 zh-Hant-HK,只把英文詞組標為 en。英文例子則相反:段落用 en,只有中文詞組用 zh-Hant-HK。
- 明確 lang 屬性和沿用後的 :lang 配對分開核對。
- 兩種語言各自寫自然內容,不把語言標記當成翻譯指令。