2013-06-04 2 views
0

HTML lang 속성을 사용하여 여러 언어를 지원하는 웹 사이트를 만들려고합니다. 나는 여기 예를 발견했습니다 : 내 OS의 언어로 독일어 정의와 다른 브라우저로 이것을 시도했습니다HTML 5 lang 속성이 예상대로 작동하지 않습니다.

<!DOCTYPE html> 
<html> 
<body> 

<p>This is a paragraph.</p> 
<p lang="fr">Ceci est un paragraphe.</p> 

</body> 
</html> 

,하지만 난 항상뿐만 아니라 프랑스 단락을 참조하십시오. 그것이 내가 본 것입니다 :

이것은 단락입니다.

ceci est un paragraphe.

답변

0

lang 속성은 전체 페이지의 HTML 태그를 사용하며 specifies what the default language of the page is입니다. 콘텐츠를 설명하는 메타 데이터입니다. 당신이하는 일은 그것이하는 일이 아닙니다.

페이지에서 lang 속성이 지정한 것과 다른 모든 태그를 숨기려면 JQuery를 사용하여 수행하려는 작업을 수행 할 수 있지만 시스템 언어를 찾는 방법을 연구해야합니다 브라우저에 있습니다 (가능한 경우). JQuery를 드래그하지 않으려면 DOM을 직접 걸을 수 있습니다.

+0

을 : 일반적으로 각 언어에 대해 별도의 페이지를 사용하고 link type alternate과 해당 hreflang로 번역을 링크 할 수 있는가? – rico

+0

@rico 메타 데이터, 내가 말했듯이. 다시 w3.org 링크가 있습니다 : http://www.w3.org/TR/2011/WD-html5-20110525/elements.html –

+0

그래, 다시 한번 고마워. "사용자 에이전트는 요소의 언어를 사용하여 적절한 처리 또는 렌더링 (예 : 적절한 글꼴 또는 발음 선택 또는 사전 선택)을 결정할 수 있습니다." – rico

2

lang 속성은 요소 콘텐츠의 언어를 지정합니다. 다른 모든 것은 user-agent resp에 달려있다. 웹마 스터.

예 사용

  • screen reader 브라우저 관련 콘텐츠를 찾기 위해 검색 엔진을 사용할 수 있습니다 syllabification
  • 사용하는 데 사용할 수 있습니다
  • 적절한 발음에를 사용하는 데 사용할 수 있습니다
  • 웹 마스터는 콘텐츠를 스타일에 맞게 사용할 수 있습니다 (예 : 사용자 에이전트는 기본적으로 다른 언어로 내용을 숨기해야 결코 CSS의 quotes

으로 q 요소에 대한 올바른 quotation marks를 사용하여. 이 예제의 생각 : 다른 언어로 내용이 숨겨져 될 때

  • <p lang="en">I met a nice guy there. His name was <span lang="de">Max Mustermann</span>.
  • <p lang="en">He said to me <q lang="de">Halt! Stopp!</q>.</p>
  • <p lang="en">The original title is <cite>Faust. Eine Tragödie.</cite>.</p>

, 그들은 읽을 것이다 :

  • 은 내가 만난 거기 좋은 남자. 그의 이름은 ...였다 .
  • 그는 내게 말했다.
  • 원래 제목은입니다.

당신이 다국어 페이지를 실현하기 위해 그것을 사용하려는 것 같다. 이것이 JS/CSS에서 가능하지만 일반적으로 최선의 방법은 아닙니다.어쨌든 다음 lang 속성의 사용 무엇

<!-- on the page <example.com/en/about-me>, you could link to the German translation --> 
<link rel="alternate" hreflang="de" href="/de/ueber-mich" /> 
관련 문제