[HTML] html 태그의 lang 속성과 dir 속성 (attribute)

html의 기본 태그들을 살펴보자

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
  </head>
  <body>
    
  </body>
</html>

우리는 <meta> 태그의 "utf-8"은 유니코드를 위한 가변 길이 문자 인코딩 방식을 나타낸다는 것임을 안다

(Universal Coded Character Set + Transformation Format - 8 bit)

그렇다면 <html/> 태그의 lang, dir 속성에 대해 알아보자

lang 속성

lang 속성은 요소 내 수정 불가한 텍스트의 언어와, 수정 가능한 텍스트가 사용해야 하는 언어를 정의한다

더불어, 스크린리더의 기본 문자셋을 설정한다고 볼 수 있다

예를 들어, <img> 태그의 alt 속성값을 "banana"라고 설정한다면

스크린리더는 "비 에이 엔 에이 엔 에이 이미지"라고 읽는다

또, lang의 기본값은 "알 수 없음"이므로 항상 적절한 값을 지정해야 한다

dir 속성은 요소의 쓰기 방향을 나타내는 열거형 특성이다

"ltr"은 왼쪽->오른쪽을 뜻하며, 한국어나 영어에 사용하고

"rtl"은 오른쪽->왼쪽을 뜻하며, 아랍어 등에 사용한다

"auto"는 사용자 에이전트가 결정한다(기본적인 알고리즘으로 문자 분석)

우리는 주로 한국어나 영어를 사용하므로 굳이 dir="ltr"로 선언해줄 필요는 없다

[실습][CSS] IR 기법 / 요소 숨김 처리 overflow:hidden (0)	2021.03.14
[CSS] min-width 속성과 max-width 속성 (property) (0)	2021.03.14
[실습][부스트코스] '푸드위드 회원가입' 만들기 영상 (0)	2021.03.09
[실습] 웹 UI 개발 과일나라 영상 (0)	2021.02.26
[실습][부스트코스] 웹 UI 개발 프로젝트 A 영상 (0)	2021.02.25