HTML translate 속성이란?
웹 페이지를 다국어로 제공할 때, 페이지 전체가 자동 번역되는 것을 원치 않는 경우가 있습니다. 예를 들어 브랜드명, 코드 예시, 고유명사 등은 번역되지 않아야 자연스럽습니다. 이럴 때 사용하는 것이 바로 HTML의 translate 속성입니다.
translate 속성을 사용하면 특정 요소의 내용을 자동 번역 도구(예: Google 번역)가 번역할지 여부를 명시적으로 지정할 수 있습니다.
translate 속성의 값
translate 속성은 다음 두 가지 값을 가질 수 있습니다.
| 속성 값 | 설명 |
|---|---|
| yes | 해당 요소의 내용을 번역해야 합니다. |
| no | 해당 요소의 내용을 번역하지 않습니다. |
translate 속성 사용 예시
특정 단어나 문장이 자동 번역되지 않도록 하려면 해당 요소에 translate="no" 속성을 추가하면 됩니다.
<p translate="no">This won't get translated.</p>
위 코드처럼 설정하면 자동 번역 기능이 활성화된 브라우저에서도 이 문단의 내용은 원문 그대로 유지됩니다.
활용 팁
translate 속성은 문단뿐만 아니라 span, div, h1 등 대부분의 HTML 요소에 적용할 수 있습니다. 또한 부모 요소에 translate="no"를 지정하면 하위 요소까지 번역이 제외되므로, 코드 블록이나 상표명 영역 전체를 한 번에 처리할 때 유용합니다.