①<!DOCTYPE>는 웹 브라우저에게 현재 작성할 문서의 종류를 알려주는 역할을 한다.
㉠ <!DOCTYPE html>은 현재 문서가 HTML5 언어로 작성된 웹 문서라는 뜻이다.
㉡ 모든 HTML 문서는 <!DOCTYPE html>로 시작해야 한다.
㉢ <!DOCTYPE>는 HTML 태그를 사용하기 전, 맨 위에 한 번만 써야 한다.
㉣<!DOCTYPE>는 HTML 태그가 아니다.
ⓐ <!DOCTYPE>는 HTML 태그가 아니기 때문에 <html> 태그의 밖에 선언한다.
㉤ HTML 태그는 아니지만, 대소문자를 구분하지 않는다.
ⓐ 아래 예시는 모두 같은 의미이다.
② <html> 요소는 최상단 요소(root element)이다.
㉠ <html> 요소를 사용해 실제 HTML 웹 문서 정보와 내용이 시작하고 끝나는 것을 표시한다.
㉡ <html> 요소의 내부에 HTML 요소들을 선언한다.
ⓐ <!DOCTYPE>는 HTML 태그가 아니기 때문에 <html> 태그의 외부에 선언한다.
㉢ <html> 요소의 내부는 크게 <head> 요소와 <body> 요소로 나뉜다.
㉣ lang 속성을 사용해 문서에서 사용할 언어를 지정할 수 있다.
ⓐ ISO country code와 ISO language code를 따른다.(ISO 코드는 모든 나라와 주요 종속지를 2개 또는 3개의 문자 조합으로 나타낸 코드를 말한다.)
List of ISO 639-1 codes - Wikipedia
Wikipedia list article ISO 639 is a standardized nomenclature used to classify languages. Each language is assigned a two-letter (639-1) and three-letter (639-2 and 639-3) lowercase abbreviation, amended in later versions of the nomenclature. This table li
en.wikipedia.org
ⓑ 국적 코드도 언어 코드 뒤에 덧붙일 수 있다.
List of ISO 3166 country codes - Wikipedia
From Wikipedia, the free encyclopedia Jump to navigation Jump to search Wikipedia list article The International Organization for Standardization (ISO) created and maintains the ISO 3166 standard – Codes for the representation of names of countries and
en.wikipedia.org
③ <head> 웹 브라우저가 웹 문서를 해석하기 위해 필요한 정보들을 입력하는 부분이다. 여기에 있는 정보는 메타 정보(Meta data)로 실제 문서 내용이 아니기 때문에 문서 제목만 브라우저 창에 표시되고 나머지는 웹 브라우저 화면에 표시되지 않는다. 스타일 및 외부 파일 등이 포함되기도 한다.
㉠ 메타데이터의 정의는 데이터를 설명해주는 데이터이다.
ⓐ 이 경우엔 메타데이터는 HTML 문서에 대한 정보로 <title>, <style>, <base>, <link>, <meta>, <script>, <noscript> 요소가 위치할 수 있다.
ⓑ 메타데이터는 표시되지 않는다.
㉡ <html> 태그와 <body> 태그 사이에 위치한다.
④ <body> 요소는 실제로 웹 브라우저 화면에 나타날 내용이다.
㉠ <body> 요소는 HTML 문서의 모든 콘텐츠를 포함한다.
ⓐ 콘텐츠란 제목, 단락, 이미지, 하이퍼링크, 표, 리스트 등을 말한다.
㉡ 오직 하나의 <body> 태그만 존재할 수 있다.
'All about WEB > All about HTML' 카테고리의 다른 글
| 8. HTML 단락(Paragraphs) (0) | 2021.06.05 |
|---|---|
| 7. HTML 제목 (Headings) (0) | 2021.06.05 |
| 6. HTML 속성(attribute) (0) | 2021.06.05 |
| 3. HTML 태그와 요소 (0) | 2021.05.29 |
| 2. HTML 에디터 추천, 비교 (0) | 2021.05.29 |
