2025年8月17日(日)
[HTML] translate="no" 英語に翻訳しない属性 #HTML5&CSS3&JavaScript

　今や、ブラウザには、Webページを『英語に翻訳』する機能が標準で備わっています。

　翻訳したくないコンテンツには、下記のように、属性を追加します。

--
<p translate="no">ガレコレ</p>
--

　まだ、この通りに翻訳してほしいとラベルする機能はありません。



　英語に翻訳すると、意図しない変換が行われて、ページレイアウトが崩れる場合があります。巧みにtranslate="no"を使って、一部の文字を日本語のまま表示させることで、回避できます。

--
全角記号や全角空白
　↓英語に翻訳
半角へ変換される。
　↓
レイアウトが崩れる。
--

　なお、文字地図等には、妥協も必要です。
http://neconote.jp/index.php?page=333