HTML에서 hreflang 속성을 사용하면 링크된 문서가 어떤 언어로 작성되어 있는지 지정할 수 있습니다. 이 속성은 <a>, <link>, <area> 태그와 함께 사용되며, 값은 ISO 639-1 표준의 두 자리 언어 코드(예: 영어는 'en', 한국어는 'ko')로 입력합니다.
hreflang 속성이 필요한 이유
hreflang 속성은 브라우저나 검색 엔진에게 대상 문서의 언어 정보를 미리 알려주는 역할을 합니다. 다국어 사이트를 운영하거나 여러 언어 버전의 페이지를 연결할 때 특히 유용하며, 검색 엔진 최적화(SEO) 측면에서도 사용자에게 적합한 언어 버전을 제공하는 데 도움이 됩니다.
사용 예제
다음 코드를 실행하여 hreflang 속성이 실제로 어떻게 동작하는지 확인해 보세요. 아래 예제에서는 영어('en')로 작성된 DBMS 튜토리얼 문서에 링크를 걸고 있습니다.
<!DOCTYPE html>
<html>
<head>
<title>HTML hreflang 속성 예제</title>
</head>
<body>
<p>데이터베이스 튜토리얼:</p>
<a href = "dbms/index.htm" hreflang = "en">DBMS</a>
</body>
</html>주요 포인트 정리
- 속성 위치: hreflang은 링크를 생성하는 태그(
<a>) 안에 직접 작성합니다. - 값 형식: 'en', 'ko', 'ja'처럼 두 자리 소문자 언어 코드를 사용합니다.
- 참고: hreflang은 링크된 문서의 언어를 '알려주는' 메타 정보일 뿐, 실제로 문서 내용을 번역하거나 브라우저 동작을 강제로 바꾸지는 않습니다.