跳至內容
Astera Technology

一段文字換了語言,標記也要跟住換

句內插入另一種語言時,用 lang 標示該段文字;不用把整段改成同一語言。

引述詞組的語言,與外層句子分開標示。

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

先看這個例子

英文例子引述香港中文按鈕字樣;中文例子則講一個英文按鈕名稱。句內詞組各有自己的語言標記,外層句子仍用原本語言。

輸入與瀏覽器原生結果
情況輸入或查看方法結果與意思
段落語言查看 p 的 lang中文例子為 zh-Hant-HK
詞組語言查看 phrase 的 langSave draft 使用 en
CSS 語言配對查段落和詞組的 :lang 配對詞組的明確標記取代從段落沿用的語言
下載可編輯 CSV ↓

瀏覽器怎樣處理

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 配對分開核對。
  • 兩種語言各自寫自然內容,不把語言標記當成翻譯指令。

原始例子檔案

相關資源