2013-04-12 1 views
2

나는 html5로 웹 사이트를 개발했다. 여기에는 언어 선택 옵션이 있습니다. 이제는 영어로되어 있습니다. 다른 언어를 선택하면 해당 언어로 된 내용이 표시됩니다. Google 번역사를 사용하여 콘텐츠를 번역하고 싶지 않습니다. 모든 언어로 된 콘텐츠가 있습니다. html5 또는 HTML의 태그 또는 메서드가 해당 언어의 내용을 가져와 표시하려면?여러 언어 간 전환 사이트를 개발하는 방법은 무엇입니까?

+0

언어 드롭 다운 목록이 선택된 경우 해당 언어 HTML 파일을로드해야한다고 가정합니다. – Sandeep

+0

[this] (http://eligrey.com/blog/post/passive-localization-in-javascript)를보고 싶을 수도 있습니다. – adrianp

+0

감사합니다. Sandeep. 여부, 1) 각 언어에 대해 서로 다른 HTML 파일이 필요합니까? 2) html 태그가없는 다른 텍스트 파일에만 내용 (영어/독일어)이 있어야합니까? 가능한 작업 논리는 무엇입니까? – user2274193

답변

1

번호

HTML은 당신이 lang 속성으로 작업하고있는 언어를 지정할 수 있지만 (수동 또는 자동) 번역 특정 기능을 제공하지 않습니다.

+0

답장을 보내 주셔서 감사합니다. 그런 다음 방문자가 언어를 선택하여 전환하도록하려면 어떻게해야합니까? 각 언어마다 사이트를 만들어야하는지 여부 – user2274193

+0

일반적으로 언어 별 코드와 공유 코드가 혼합되어있을 수 있습니다. http://stackoverflow.com/questions/tagged/multilingual는 유용한 출발점이됩니다. – Quentin

2

웹 사이트가 정적 인 경우 언어 별 콘텐츠를 사용하여 사이트를 복제하고 다른 기본 URL (domain/en/..., domain/es/....).

+1

예 내 페이지가 정적입니다. 하지만 내 사이트에는 50 개가 넘는 파일이 있습니다. 각 언어로 복제해야한다면 더 많은 작업과 파일이 필요합니다. 언어 선택을 기반으로 XML 또는 텍스트 파일에서 내용을 검색 할 수있는 도구 또는 플러그인 또는 JavaScript 함수가 있습니까? – user2274193

2

원하는 언어로 페이지를 번역해야합니다. 당신이

www.example.com/en/ .. www.example.com/fr/ ..

으로 끝낼 수 있도록

언어 당 전체 웹 구조를 중복 일반적으로 사람들은 언어를 표시하고 해당 언어 페이지로 리디렉션하는 플래그를 사용합니다.

+0

고맙습니다. John D – user2274193

3

Javascript 현지화를 사용할 수 있습니다 (태그 중 하나이므로 사용하는 것이 좋습니다).

당신이 할 수있는 일은 사용자의 로케일에 대한 빠른 확인입니다. 따라서 귀하의 컨텐츠와 일치하는 현지화 된 페이지가 작성됩니다.

다음은 빠르고 간단한 예입니다. (참고 : 이것은 순수 동적입니다.)

locale = (navigator["language"] || "en").split("-")[0]; 

localization = { 
    "de": "Hallo Benutzer!", 
    "en": "Hey user!" 
}; 

text = localization[locale] || localization["en"]; 

e = document.createElement("span"); 
e.innerHTML = text; 
document.body.appendChild(e); 
+1

참고 : ".split ("- ") [0]"은 일반 문자열을 가져옵니다. 사용자의 로케일은 일반적으로 language-country에 의해 지정됩니다. 즉, 예를 들어 "en-US"또는 "de-DE"가 있습니다. 우리는 비 국가 별 지역화를 지정하기 만하면된다. –

+0

메일 인터페이스가 바뀌는 국가의 언어로 바뀌면 나는 그것을 싫어합니다.클릭 플래그와 내 선택을 기억하기위한 쿠키가 있는지 확인하십시오. – mplungjan

+1

이것은 여러분이 좋아하는 것에 대한 질문이 아닙니다. 더 원하면 더 구현하십시오. –

관련 문제