translate=""
| ブラウザ | --- |
|---|
translate属性は、ページが翻訳される際、その要素を翻訳対象にするかどうかを指定します。
<p translate="no">翻訳対象にするかどうかを指定します</p>
| 属性 | 値 | ||
|---|---|---|---|
| グローバル属性 | |||
translate="" |
翻訳対象にするかどうか | yes |
翻訳対象にする |
no |
翻訳対象にしない | ||
| 空文字列 | 翻訳対象にする | ||
- この属性を省略した場合は、祖先要素の指定内容が継承されます。
- ルート要素(html要素)のデフォルト値は
translate="yes"です。(そのため、デフォルトではページ全体が翻訳対象となります)
翻訳されたくないテキストに対して translate="no" を指定しておくと、そのテキストが翻訳の対象から除外されることになります。
<p>アップルを漢字で書くと<span translate="no">林檎</span>になります。</p>
上記の例を機械翻訳にかけた場合、林檎
の部分だけが漢字で表記されることになります。(Google 翻訳で確認)
翻訳可能な属性
translate属性の指定内容は、要素内のテキストだけでなく翻訳可能な属性値にも適用されることになります。
以下の属性が翻訳可能な属性となります。
- th要素のabbr属性
- area要素、img要素、input要素のalt属性
- meta要素のcontent属性 (name属性が指定され、かつcontent属性の値がテキストとなる場合に限るようです)
- a要素、area要素のdownload属性
- optgroup要素、option要素、track要素のlabel属性
- lang属性 (言語コードがどのように翻訳されるのかは確認できませんでした)
- input要素、textarea要素のplaceholder属性
- iframe要素のsrcdoc属性 (テキストの部分が対象)
- style属性 (テキストの部分が対象、例えば contentプロパティの値など)
- title属性
- type="button" または type="reset" が指定されたinput要素のvalue属性 (HTML 5.1では type="submit" も追加された?らしいです)
指定できる要素
translate属性はグローバル属性のため、HTML5の全ての要素に指定することができます。
使用例
<p>アップルを漢字で書くと<span translate="no">林檎</span>になります。</p>
- 表示例
-
アップルを漢字で書くと林檎になります。
- このページを機械翻訳にかけた場合、
林檎
の部分だけが漢字で表記されます。(translate属性に対応している機械翻訳のみ)