0009 <html></html> 요소와 속성
HTML 문서의 큰 틀은 다음과 같다.
<!DOCTYPE html>
<html>
<head>웹페이지 관련 정보들</head>
<body>본문(웹페이지의 내용)</body>
</html>
문서유형선언(document type declaration) 바로 아래에 나오는 <html> 태그에서 HTML 문서가 시작되고 </html> 태그에서 HTML 문서가 끝난다. 즉, HTML 문서는 문서유형선언을 제외하면 하나의 <html> </html> 요소(element)인 셈이다.
요소(element) 안에 또 다른 요소를 넣는 것을 ‘중첩(nesting)’이라고 하는데, 하나의 HTML 문서는 <html> </html> 요소 내부에 <head></head> 요소와 <body></body> 요소가 중첩(nesting)되어 만들어진다.
<html></html> 요소가 HTML 문서를 이루는 다른 모든 요소의 뿌리가 되므로 루트 요소(root element)라고도 한다.
<html> 요소는 lang 속성을 가질 수 있다. 이 lang 속성은 검색엔진이 웹 페이지를 검색할 때 어떤 언어로 작성되어 있는지를 검색엔진이 쉽게 인식할 수 있도록 지정하는 것이다. (lang 속성을 <html> 요소만 가질 수 있는 것은 아니다.)
만일, <html> </html> 요소가 한국어로 작성되었다고 명시하고 싶다면 시작태그를 아래와 같이 작성하면 된다.
<html lang="ko">
lang 속성은 검색을 위해서만 필요하고, 웹 브라우저가 웹 페이지를 게시하는데 어떠한 영향도 미치지 않는다.
Anki 파일
아래는 본 포스팅의 내용을 갈무리하기 위한 Anki 파일입니다. 참고하시기 바랍니다.
Ankilog 파일: 
0009 html 요소와 속성.apkg
'Anki로 공부하기 > HTML공부' 카테고리의 다른 글
| 0011 head 요소와 그 내부에 중첩된 title 요소 (0) | 2018.11.10 |
|---|---|
| 0010 속성(attribute)과 속성 작성방법 (0) | 2018.11.10 |
| 0008 HTML 문서유형선언 (0) | 2018.11.08 |
| 0007_웹페이지의 기본 구조 및 태그 (0) | 2017.12.28 |
| 0006_태그의 구성방식 살펴보기 (0) | 2017.12.26 |