<html> 정의 및 사용방법
html문서의 최상위에 존재하는 태그 -> root element
<!DOCTYPE html>
<html lang="ko">
<head>...</head>
<body>...</body>
</html>
필수 속성
lang
이 html문서에서 주로 사용되고 있는 언어를 lang속성의 값으로 넣어줘야한다.
스크린리더가 해당 언어로 html문서를 읽어준다고 한다.
<head> 정의 및 관련 태그
- 문서와 관련된 데이터(meta data)들을 포함하는 태그
- <html> 첫 번째 자식
head가 포함할 수 있는 태그들
- <title>
- <style>
- <link />
- <meta />
- <script>
- <base />
<meta>
meta? Most Effective Tactics Available
HTML <meta> 요소는 <base>, <link>, <script>, <style>, <title>과 같은 다른 메타관련 요소로 나타낼 수 없는 메타데이터를 나타냅니다.
<!-- <base /> -->
<base href="http://www.example.com/page.html">
<base target="_blank">
<base target="_target" href="http://www.example.com/page.html">
<!-- <link /> -->
<link href="favi.ico" rel="icon" />
<link href="icon.png" rel="icon" type="image/png" size="16x16" />
<link href="icon.gif" rel="icon" type="image/gif" size="64x64" />
<link href="icon.png" rel="apple-touch-icon" type="image/png" size="180x180" />
<!-- <mata /> -->
<meta http-equiv="value" name="value" content="value" charset="value" />
<!-- 인코딩 선언 -->
<meta charset="UTF-8" />
<meta charset="ISO-8859-1" /> <!-- 로마숫자를 표현하기 위해 사용 -->
<!-- 문서 설명 -->
<meta name="description" content="html, head, body를 해부하는 페이지" />
<!-- 문서 키워드 -->
<meta name="keywords" content="html, head, body" />
<!-- 문서의 저자 -->
<meta name="author" content="Dev Mk" />
<!-- 검색엔진 관련 -->
<meta name="Robots" content="all" />
<!-- IE 관련 -->
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<!-- 등등 많은 meta태그가 존재한다... -->
<body> 정의
- <html> 두 번째 자식
- 하나의 문서에 하나만 존재가능.
- 문서의 모든 컨텐츠를 포함
<html>
<head>
<title>문서 제목</title>
</head>
<body>
<p>문단입니다</p>
</body>
</html>'WEB🔨 > HTML' 카테고리의 다른 글
| 태그해부학 <img>와 이미지포맷 (0) | 2020.06.11 |
|---|---|
| 태그해부학 <ol>, <ul>, <li> (0) | 2020.06.11 |
| 태그해부학 <p> (0) | 2020.06.11 |
| 태그해부학 <h1> - <h6> (0) | 2020.06.10 |
| html4, html5 기초 태그 (0) | 2019.10.29 |