lang 속성은
요소 콘텐츠와 텍스트가 포함된 모든 요소 속성에 대한 기본 언어(language)를 지정합니다.
이 속성을 사용하면 스크린 리더나 브라우저, 검색 엔진 등에 사용해야 하는 (인간) 콘텐츠 언어 정보를 제공합니다.
이 글은 코딩에브리바디(codingeverybody.kr)의 내용을 참조해 작성했습니다.
특징
- 모든 HTML 요소에 지정할 수 있는 글로벌 속성입니다.
- lang 속성의 값은 자손 요소에 상속됩니다.
- lang 속성의 기본 값은 unknown(알 수 없음)이므로 항상 이 속성을 적절한 값으로 지정하는 것이 좋습니다.
- 속성 값이 빈 문자열(lang="")인 경우 언어는 unknown(알 수 없음)으로 설정됩니다.
이점
- 스크린 리더가 웹 페이지의 언어를 인식하고, 해당 언어에 맞는 음성을 제공할 수 있습니다.
- 크롬 등 브라우저에 있는 자동 번역 기능을 사용할 때, 웹 페이지의 언어를 자동으로 감지하여 번역할 수 있습니다.
- 검색 엔진이 웹 페이지의 언어를 인식하고, 해당 언어로 검색 결과를 제공할 수 있습니다.
예제
페이지의 기본 언어 지정
페이지 텍스트의 기본 언어를 지정하려면 항상 루트 요소인 <html> 태그에 lang 속성을 사용하세요.
<html lang="ko">
페이지에 다른 언어로 된 콘텐츠가 포함되어 있는 경우
페이지에 다른 언어로 된 내용이 포함되어 있으면 해당 내용을 둘러싼 요소에 lang 속성을 추가합니다.
<p>제목은 "<span lang="fr">Le Bon Usage</span>"입니다.</p>
또다른 출처 정보
HTML lang属性：正しい理解と使用方法 - codingEverybody
lang属性は、要素のコンテンツおよびテキストを含むすべての要素属性に対して基本言語（primary language）を指定します。この属性を使用することで、ブラウザーやスクリーンリーダー、検索
codingeverybody.jp
또다른 출처 정보
HTML lang Attribute – Proper Understanding and Usage
HTML lang Attribute – Proper Understanding and Usage - codingCourses
The lang attribute specifies the primary language of an element's content and of any text-containing attributes.
coding.courses