HTML의 lang 속성을 사용하면 영어 외의 다른 언어로 작성된 콘텐츠를 페이지에 포함할 수 있습니다. 이 속성은 해당 요소 안의 텍스트가 어떤 언어인지 브라우저와 검색 엔진, 스크린 리더에게 알려주는 역할을 합니다.
lang 속성이 중요한 이유
lang 속성을 올바르게 지정하면 화면 낭독 프로그램이 정확한 발음으로 텍스트를 읽어주고, 검색 엔진이 언어별로 콘텐츠를 더 잘 인식하며, 브라우저의 맞춤법 검사나 하이픈 처리도 해당 언어 규칙에 맞게 동작합니다.
예제
아래 예제에서는 영어뿐만 아니라 프랑스어와 스페인어 콘텐츠도 함께 추가했습니다. 각 문단에는 해당 언어의 ISO 코드(en, fr, es)가 lang 속성으로 지정되어 있습니다.
<!DOCTYPE html> <html> <body> <h2>English</h2> <p lang="en">This is demo text</p> <h2>French</h2> <p lang="fr">Ceci est un texte de démonstration</p> <h2>Spanish</h2> <p lang="es">Este es un texto de demostración</p> </body> </html>
참고 사항
페이지 전체가 하나의 언어라면 <html> 태그에 lang 속성을 지정하는 것이 좋습니다(예: <html lang="ko">). 특정 부분만 다른 언어를 사용할 경우, 해당 요소에만 lang 속성을 추가하면 됩니다.