[HTML] !DOCTYPE html, html, head, meta, meta charset='utf-8', title, body
2021. 6. 19. 19:53
728x90
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
<title>탭 제목</title>
<meta name='viewport' content='width=device-width, initial-scale=1'>
</head>
<body>
모든 컨텐츠
</body>
</html>
| 태그 | 설명 |
| <!DOCTYPE html> | 이 문서는 웹브라우저에게 HTML 입니다. (doxtype) |
| <html> | 페이지 전체의 컨텐츠를 감싸며 루트 (root) 요소라고도 함. |
| <head> | HTML 페이지에 포함되어 있는 모든 것들의 컨테이너 역할. HTML 문서의 메타데이터 (metadata) 를 정의. 이 안에는 옵션들을 써줌. ex) <title>, <style>, <meta>, <link>, <script>, <base>태그 등을 이용하여 표현. |
| <meta> | 현재 웹 페이지의 옵션. |
| <meta charset='utf-8'> | 이 요소는 문서가 사용해야 할 문자 집합을 utf-8으로 설정함. 문자코드. (가끔 외국 웹사이트가 외계어로 나오는 경우는 이 문제에 해당) |
| <title> | 페이지의 제목을 설정하는 것으로 페이지가 로드되는 브라우저의 탭에 이 제목이 표시 됨. - 웹 브라우저의 툴바 (toolbar) 에 표시. - 웹 브라우저의 즐겨찾기 (favorites) 에 추가할 때 즐겨찾기의 제목. - 검색 엔진의 결과 페이지에 제목으로 표시. |
| <body> | 페이지에 방문한 모든 웹 사용자들에게 보여주길 원하는 모든 내용 (Content) 부분을 담고 있음. |
728x90
'HTML > Study' 카테고리의 다른 글
| [HTML] 하이퍼링크 태그 <a>, href, title, target (1) | 2021.06.21 |
|---|---|
| [HTML] 이미지 태그 <img>, src, alt / 멀티미디어 태그 <video>, <audio> (1) | 2021.06.21 |
| [HTML] 목록 태그 <ul>, <ol>, <li>, <dl>, <dt>, <dd> (1) | 2021.06.19 |
| [HTML] 텍스트 태그 <br>, <b>, <strong>, <u>, <i>, <em>, <mark>, <hr> (1) | 2021.06.19 |
| [HTML] 텍스트 태그 <h1> ~ <h6>, <p>, <br>, <pre> (1) | 2021.06.19 |
