요즘 공부를 하다 HTML lang 속성에 대해서 왜 쓰는지 생각을 해보고 이를 찾아 보았다.
이번 기회에 정확하게 정리해 두려고 한다.
사용 이유
- 웹 접근성
- 스크린 리더(화면 낭독 시스템) 이
lang을 이용하여 자동으로 음성을 변환함 - 크롬 자동번역 인터페이스에 사용
언어 주요 코드(ISO Language Code)
한국어 : ko
영어 : en
중국어 : zh
일본어 : ja
독일어 : de
프랑스어 : fe
스페인어 : es
국가 코드(ISO Country Code)
lang 속성의 속성값 처음 두 문자 : 언어 코드(소문자)
lang 속성의 속성값 마지막 두 문자 : 국가 코드(대문자)
Content-Language
- 청중을 위한 언어를 설명하기 위해 사용
사용자가 선호하는 언어에 따라 사용자를 구분하도록 해줌
Content-Language : ko-KR이 무조건 한국어로 쓰여진 것은 아님
영어도 같이 사용되는 겨웅가 존재
<html lang="ko">사용
- 기본 VSCode에서 !를 눌렀을 때 나오는 template
<!DOCTYPE html>
// 아래와 같이 lang에 지정
<html lang="ko-KR">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body></body>
</html>참고
FE 개발자 장동현 입니다 😃