HTML5 다국어 지원

Question

HTML5에 다국어 지원 기능이 있다고 생각하는 사람이 있습니까? 나는 내 웹 사이트를 영어로 디자인하고 html5가 lang 또는 translate 또는 다른 지원 태그를 사용하여 해당 웹 페이지를 각각의 언어로 변환한다는 것을 의미합니다.

모든 지침이나 코드가 도움이 될 수 있습니다.

감사합니다.

Answer 1

HTML5에는 통합 번역이 없습니다. HTML은 주어진 태그의 내용이 쓰여지는 언어를 가리키는 lang 속성에 대한 지원을 제공하지만 이는 단순히 내용을 수정하지 않는 표시적인 속성 일뿐입니다.

왜 자동 번역이 없는지에 대한 철학적 추론은 HTML이 구조적 언어라는 것입니다 ... 웹 페이지가 구축되는 프레임 워크를 정의합니다. 콘텐츠를 수정하지 않을뿐만 아니라 개발자의 입장에서 번역의 품질과 정확성에 대한 통제권을 상실하게됩니다. 이것은 매우 나쁜 것일 수 있습니다 ...

그러나 이미 알고 있어야 할 것처럼 Chrome은 사용자를 위해 외국어로 된 페이지를 원하는 언어로 번역합니다. 차이점은 Chrome은 개발자가 명시 적으로 정의한 원본 콘텐츠를 볼 것인지, 콘텐츠를 볼 언어를 결정할 권한이있는 사용자가 Chrome을 제어한다는 점입니다.

---

번역은 브라우저에 따라 다릅니다. 번역하려면 실제로 번역을 수행 할 번역 엔진이 필요합니다. 아시다시피, 단순히 단어를 하나씩 변환해서 다른 언어의 적절한 번역으로 끝낼 수는 없습니다. Chrome은 Google 번역의 힘을 활용하여 페이지를 번역하므로이 기능을 제공하는 방법입니다. 다국어 지원에 대한 최선의 방법은 귀하가 할 수있는 한 많은 언어로 페이지를 제공 한 다음 Chrome을 사용하지 않는 사용자가 URL을 Google 번역 또는 유사한 서비스에 연결하여 귀하의 콘텐츠를 대략적으로 파악하기를 바랍니다. 그들의 모국어.

Answer 2

HTML5는 아무 것도 번역하지 않습니다. 단순히 로직을 적용하지 않고 내용을 표시하는 마크 업 언어 일뿐입니다.

그러나 이러한 번역은 일반적으로 Chrome, FireFox 등의 최신 브라우저에서 수행됩니다. 고급 브라우저는보고있는 웹 사이트가 다른 언어로 표시되어 있으며 원하는 언어로 변환 할 수있는 선택권을 제공합니다.

이 전체 번역문과 관련하여 HTML5의 유일한 점은 translate이라는 새로운 속성이 있다는 것입니다. "no"의 값으로이 속성을 사용하여 당신은 지금 당신이 원하지 않는 플래그 요소가 브라우저에서 번역 할 수 있습니다

<span translate="no">衝撞撞沒輸贏」應是「衝衝撞撞沒輸贏</span> 
<!--Now no browser will dare to translate this.--> 

Answer 3

질문은을 - 당신이 내용을 자동으로 번역 할 할, 또는 당신을 웹 사이트의 사용자 인터페이스를 번역하고 싶습니다.

그 자체로 HTML5는 어느 쪽이든을위한 완전한 지원을 제공하지는 않으며, 단지 약간의 힌트뿐입니다. 심지어 실제로는 어디에도 구현되어 있지 않습니다.

예를 들어 http://www.labnol.org/internet/google-translation-widgets/10135/에 설명 된대로 Google 번역 버튼을 웹 사이트에 추가 할 수 있습니다. Google 크롬은 내장되어 있으며 모든 웹 사이트에서 작동합니다. 앞으로는 다른 브라우저가 이러한 기능을 사용할 수도 있지만 이는 HTML이 아닌 브라우저 응용 프로그램의 기능입니다.

사이트의 인터페이스를 번역하려면 많은 국제화 라이브러리 중 하나를 사용할 수 있습니다. 많은 CMS 및 웹 프레임 워크에는 이러한 i18n 라이브러리가 제공됩니다. 또한 jquery.i18n (https://github.com/wikimedia/jquery.i18n/)과 같은 라이브러리를 사용하여 클라이언트 측에서 처리 할 수 ​​있습니다.

(면책 조항 : 나는 juery.i18n의 개발자 중 하나입니다.) 마지막으로

, 좋은 연습에 대한 단순한 팁 : LANG이 모든 관련 HTML 요소에 속성을 사용 마십시오. 그것이 단지 "en"일지라도. 이것은 철자 검사, 올바른 글꼴, 번역 등을 선택하는 데 유용합니다. 언어를 알 때마다 지정하십시오. 불필요한 것처럼 보일 수도 있지만 필요합니다.