HTML 언어 태그 검사기

HTML 언어 태그 검사기 사용 가이드

<html lang>이 없거나 틀리면 화면 낭독기가 한국어를 영어 발음으로 읽고, 검색 엔진이 페이지 언어를 잘못 판단할 수 있습니다. 이 도구는 HTML을 브라우저의 파서로 실제 문서처럼 읽어 언어 관련 속성을 모두 찾아 점검합니다.

<html>의 lang이 있는지, 모든 lang·hreflang 값이 올바른 BCP 47 태그인지 확인하고, ko_KR처럼 밑줄을 쓴 값은 고칠 형태(ko-KR)를 함께 알려 줍니다. lang과 xml:lang이 서로 다른 경우도 경고합니다.

아랍어, 히브리어, 페르시아어처럼 오른쪽에서 왼쪽으로 쓰는 언어에 dir="rtl"이 없으면 문장 부호와 숫자 순서가 깨질 수 있어 경고하고, hreflang 링크에는 전체 주소(href)와 x-default가 있는지 확인합니다.

사용 방법

1. 1'HTML' 칸에 페이지의 HTML 소스(전체 또는 일부)를 붙여 넣습니다.
2. 2'실행'을 누르면 html lang 값과 lang 속성·hreflang 개수, 그리고 오류·경고·참고 목록이 나옵니다.
3. 3지적된 요소의 속성을 고치고 다시 실행해 확인합니다.

<html lang="ko_KR"><body><p lang="en_GB">hi</p><p lang="ar">مرحبا</p></body></html>

오류 2 · 경고 1 · 참고 0
html lang: ko_KR · lang 속성 1개 · hreflang 링크 0개

[오류] <html lang="ko_KR">: 밑줄 대신 하이픈을 쓰세요(ko-KR).
[오류] <p lang="en_GB">: 밑줄 대신 하이픈을 쓰세요(en-GB).
[경고] <p lang="ar">: 오른쪽에서 왼쪽으로 쓰는 언어인데 dir="rtl"이 없습니다.

이럴 때 쓰면 좋아요

• 웹 접근성 점검에서 페이지 언어 선언이 빠졌다는 지적을 받았을 때
• 다국어 사이트의 hreflang 링크가 올바른지 확인할 때
• 아랍어·히브리어 콘텐츠를 넣은 뒤 텍스트 방향 설정을 점검할 때
• CMS가 만든 lang 값이 ko_KR처럼 잘못된 형식인지 볼 때

문제가 생겼을 때

활용 팁

• 본문 중간에 다른 언어 문장이 있다면 그 요소에만 lang="en"처럼 표시하면 화면 낭독기가 발음을 바꿔 읽습니다.
• x-default는 언어가 맞지 않는 방문자에게 보여 줄 기본 페이지를 뜻합니다. 언어 선택 페이지나 대표 언어 페이지를 지정하세요.

자주 묻는 질문