0. <!DOCTYPE html>
1) 문서의 HTML 버전을 지정.
2) DOCTYPE (DTD, Document Type Definition)
3) 마크업 언어에서 문서 형식을 정의
4) 웹 브라우저가 어떤 HTML 버전의 해석 방식으로 페이지를 이해하면 되는지를 알려주는 용도.
5) HTML5 (표준)
1. <html></html>
1) 문서의 전체 범위
2) HTML 문서가 어디에서 시작하고, 어디에서 끝나는지 알려주는 역할.
2. <head></head>
1) 문서의 정보를 나타내는 범위
2) 웹 브라우저가 해석해야 할 웹 페이지의 제목, 설명, 사용할 파일 위치,
스타일(CSS) 같은 웹페이지의 보이지 않는 정보를 작성하는 범위
3) <meta charset="UTF-8">
----
HTML 문서(웹페이지)의 제작자, 내용, 키워드 같은 여러 정보를
검색엔진이나 브라우저에게 제공.
- charset : 문자인코딩 방식
4) <title></title>
- HTML 문서의 제목(title)을 정의
- 웹브라우저 탭에 표시됨.
5) <link></link>
- 외부 문서를 가져와 연결할때 사용(대부분 CSS 파일)
(필수 속성) : 가져올 문서와 관계
----
<link rel="stylesheet" href="./main.css" >
<link rel="icon" href="./favicon.png">
----
가져올 문서의 경로
6) <style>
</style>
- 스타일(CSS)를 HTML 문서 안에서 작성하는 경우에 사용.
7) <script>
</script>
- 자바스크립트(JS)를 HTML 문서 안에서 작성하는 경우에 사용
<script src="./main.js"></script>
---
자바스크립트(JS)파일 가져오는 경우.
3. <body></body>
1) 문서의 구조를 나타내는 범위
2) 사용자 화면을 통해 보여지는 로고, 헤더, 푸터, 내비게이션, 메뉴, 버튼, 이미지 같은
웹페이지의 보여지는 구조를 작성하는 범위
'Web > HTML5 & CSS' 카테고리의 다른 글
| HTML5(6) - CSS 기본문법2 (0) | 2022.01.28 |
|---|---|
| HTML5(5) - CSS 기본문법 (0) | 2022.01.28 |
| HTML5(4) - 문서구조 (0) | 2022.01.28 |
| HTML5(3) - review (0) | 2022.01.28 |
| HTML5(1) - 개요 (0) | 2022.01.28 |
댓글