translate属性 - 翻訳のヒント
公開日:
translate属性は、要素の内容を翻訳するべきか否か、ユーザーエージェントにヒントを与えるための属性です。翻訳アプリケーションによっては、ヒントに従って翻訳をしないこともあります。
説明
translate属性は、要素が翻訳対象か否かのヒントをユーザーエージェントに与えます。列挙属性で、下記から値を指定して下さい。
- yes
- 翻訳の対象になる。
- no
- 翻訳の対象にならない。
- 値の指定なし
true
と同じ扱い。
HTML
<!-- 翻訳の対象になる -->
<p translate>Good Morning!</p>
<p translate="yes">Good Morning!</p>
<!-- 翻訳の対象になる -->
<p translate="no">Good Morning!</p>
サンプルコード
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>【デモ】translate属性 - 翻訳のヒント</title>
<link rel="canonical" href="https://syncer.jp/Web/HTML/Reference/Global_attribute/translate/">
<style>
body {
background-color: #fff ;
}
</style>
</head>
<body>
<p>translate属性は、要素を翻訳の対象にするか否か、ユーザーエージェントにヒントを与えるための属性です。</p>
<p>このページを翻訳サービスで翻訳してみて下さい。(<a href="https://translate.google.co.jp/translate?hl=ja&sl=en&tl=ja&u=https%3A%2F%2Fdemo.syncer.jp%2F833%2F&sandbox=1" target="_blank">Googleで翻訳</a>)</p>
<h2>translate</h2>
<p translate>Good Morning!</p>
<h2>translate=yes</h2>
<p translate="yes">Good Morning!</p>
<h2>translate=no</h2>
<p translate="no">Good Morning!</p>
</body>
</html>