태그 <html>: 당신의 웹 우주
발행: (2026년 3월 29일 AM 09:30 GMT+9)
2 분 소요
원문: Dev.to
Source: Dev.to
계층 구조의 왕
브라우저는 이 태그를 사용해 문서가 어디서 시작하고 끝나는지 파악합니다. 모든 요소들의 공통 조상(모든 것의 “부모”)입니다.
당신을 PRO로 만드는 속성들
초보 개발자는 태그를 비워 둡니다: “. 당신 같은 웹 아키텍트는 전략적인 속성을 사용합니다:
lang="es"– 시니어에게 필수입니다. 검색 엔진과 스크린 리더에게 콘텐츠가 어떤 언어인지 알려줍니다. 브라우저가 “이 페이지를 번역하시겠습니까?”라고 묻는 것을 방지합니다.dir="ltr"– 텍스트 방향을 정의합니다(왼쪽에서 오른쪽). 언어가 아랍어처럼 오른쪽에서 왼쪽(rtl)인 경우에도 대비할 수 있어 기본적입니다.
코드: 완벽한 루트
미래 시니어를 위한 팁
CSS에서는 :root 선택자를 사용해 이 요소를 선택할 수 있습니다. CSS 변수(색상, 크기, 폰트)를 선언하는 최선의 방법이며, 사이트의 모든 요소에서 해당 변수를 사용할 수 있도록 보장합니다.