● lang 속성
lang 속성은 요소에 사용한 텍스트의 언어 코드를 지정할 때 사용합니다. 일반적으로 HTML 문서의 언어 코드는 html 태그의 lang 속성에 작성합니다.
<html lang="ko">
이 코드처럼 작성하면 한국어로 기본 언어 코드가 설정됩니다. 그런데 한국어(ko)로 기본 설정된 문서에서 독일어가 나올 때 다음처럼 lang 속성으로 독일어 언어 코드(de)를 명시하면 웹 접근성을 높일 수 있습니다.
<p lang="de">Guten Morgen</p>
TIP | 전체 언어 코드가 궁금하다면 https://www.w3schools.com/tags/ref_language_codes.asp 사이트를 참고해 주세요.
● data-* 속성
data-* 속성은 사용자 커스텀 속성을 만듭니다. 태그에서 사용할 수 있는 속성은 HTML 문법에 정해져 있어서 정해진 속성이 아니면 사용할 수 없었습니다. 그러나 HTML5에서는 이러한 점이 개선되어 data-* 속성으로 사용자가 원하는 속성을 만들 수 있습니다.
HTML에는 data-name과 data-hero라는 속성이 존재하지 않지만, 다음 코드처럼 data-* 속성으로 새로 만들 수 있습니다.
<p data-name="spiderMan" data-hero="true">...</p>