HTML의 기본 태그 (DTD, html, head, body tag)
2022. 4. 29. 18:12ㆍcoding tutorial/HTML
1. 문서 형식 정의 tag (Document Type Definition, DTD)
문서 형식 정의 태그는 출력할 웹페이지의 형식을 브라우저에게 전달한다. 문서의 최상위에 위치해야 한다.
<!DOCTYPE html>
2. <html> tag
html 태그는 모든 HTML 요소의 부모 요소이며 웹페이지에 단 하나만 존재한다. 즉 모든 요소는 html 요소의 자식 요소이며 html 요소 내부에 기술해야 한다. (단, <!DOCTYPE>은 예외)
3. <head> tag
head 요소는 메타데이터를 포함하기 위한 요소이며 웹페이지에 단 하나만 존재한다. 메타데이터는 HTML 문서의 title, style, link, script에 대한 데이터로 화면에 표시되지 않는다.
head 요소에는 메타데이터 이외의 화면에 표시되는 일체의 요소를 포함시킬 수 없다.
- <title> : title 요소는 문서의 제목을 정의한다. 정의된 제목은 브라우저 탭에 표시된다.
- <style> : style 요소는 HTML 문서를 위한 style 정보를 정의한다.
- <link> : link 요소는 외부 리소스와의 연계 정보를 정의한다. 주로 HTML과 외부 CSS 파일 연계에 사용된다.
- <script> : script 요소에는 client-side JavaScript를 정의한다. src 어트리뷰터를 사용하면 외부 JavaScript 파일을 로드할 수 있다.
- <meta> : meta 요소는 description, keywords, author, 기타 메타데이터 정의에 사용된다. 메타데이터는 브라우저, 검색엔진 등에 의해 사용된다. charset 어트리뷰트는 브라우저가 사용할 문자셋을 정의한다.
4. <body> tag
body tag는 HTML 문서의 내용을 나타내며 웹페이지에 단 하나만 존재한다. 메타데이터를 제외한 웹페이지를 구성하는 대부분의 요소가 body 요소 내에 기술된다.
* 이 글은 poiemaweb의 콘텐츠를 필사한 글입니다.
출처:
'coding tutorial > HTML' 카테고리의 다른 글
| HTML 컨텐츠 그룹 태그 : 목록(List) / 표(Table) (0) | 2022.04.29 |
|---|---|
| HTML Hyperlink, 절대경로/상대경로 등 (0) | 2022.04.29 |
| HTML Semantic Web (0) | 2022.04.29 |
| HTML의 기본 문법 (0) | 2022.04.29 |
| HTML Image & Multimedia tag: audio, video (0) | 2022.04.09 |