728x90
HEAD에 위치하는 요소
- 타이틀
ex) <title>웹 페이지 제목</title>
- 문자 인코딩
= 문자가 어떤 형식으로 인코딩 되어있는지 알려주는 부분이라고 나는 생각하오...
- 브라우저에게 text를 어떻게 그려달라는지 말해주는 것.
ex) <meta charset="UTF-8">
- 설정을 안하면 웹 브라우저에서 기본으로 설정한 문자 인코딩 화면으로 표시된다.
- 메타테이터
= 파일에 관한 정보를 가지고 있는 데이터
ex) 디지털 카메라 사진의 경우 : 촬영 날짜, GPS 정보들이 들어 있다.
= 웹 페이지의 설명, 작성자, 문자 인코딩, 저작권, 작성일 등이 포함 되어 있다.
- 마치 요소가 필요없는 단독 요소 이다.
<head>
<meta charset="UTF-8">
<meta mane="description" content="HTML5 마스터">
<!-- HTML 파일의 간락한 설명 -->
<meta name="keywords" content="HTML5">
<!-- HTML 파일의 키워드 -->
<meta name="author" content="grey-hat">
<!-- 작성자 -->
<meta name="copyright" content="me">
<!-- 저작권 정보 -->
<meta name="Reply-to" content="me@tistory.com">
<!-- 연락처 메일 입력 -->
<meta name="data" content="today">
<!-- HTML 파일 작성일 -->
</head>
- 외부 파일 연결
HTML : 콘텐츠의 구조 정의
CSS : 콘텐츠의 레이아웃과 표현 등 외향을 정의
JavaScript : 콘텐츠의 작동을 정의
- 유지보수를 위하여 각각 다른 파일로 분리하는 것이 유리
| 외부 CSS 파일의 연결 | 외부 JavaScript 파일 연결 |
| <link rel="stylesheet" href="css/style.css"> | <script src="js/script.js"></script> |
728x90
반응형
'HTTP > HTML5&JavaScript' 카테고리의 다른 글
| CSS 표현하기 #1 CSS 기본 이해 (0) | 2021.07.19 |
|---|---|
| HTML 문서구조 #3 구조를 설정을 위한 요소 학습하기 (0) | 2021.07.19 |
| HTML 문서구조 #2 구조를 설정을 위한 요소 학습하기 (0) | 2021.07.17 |
| HTML 문서구조 #1 섹션 알아보기 (0) | 2021.07.15 |
| HTML 기초 이해하기 #1 (0) | 2021.07.15 |
댓글