N's Story

HTML5 head 구조 및 요소, 메타데이터 본문

■ SoftWare/HTML5

HTML5 head 구조 및 요소, 메타데이터

AndrewNa 2019. 5. 11. 22:31
728x90
반응형

HTML5 head
HTML 파일의 메타데이터 스크립트와 CSS등이 위치하여 <body> 처리 전 처리되어야 하는 설정부분으로 웹브라우저 나타나지 않는다.

 

 

HTML5 head 요소
타이틀 지정
- 웹 브라우저 이름
- 즐겨찾기 저장시 지정되는 제목

 

 

문자인코딩
- HTML ↔ 텍스터 에디터간 문자 인코딩이 동일해야 정상적으로 표시
- 대게 유니코드인 UTF-8 지정

 

예시

<meta charset="UTF-8>

 

 

메타데이터
파일에 관한 정보(MP3파일 : 가사, 가수, 작곡자 정보 등)

 

예시

<meta name="description" content="IT Story">
<meta name="keywords" content="IT">
<meta name="author" content="Andrewna">
<meta name="copyright" content="@2019 Andrewna">
<meta name="reply-to" content="@andrewna0412@gmail.com">
<meta name="date" content="2019-05-11T22:00:00+09:00">

 

외부 파일 연결
- HTML
컨텐츠 구조 정의

 


- CSS
컨텐츠 레이아웃 및 외향 정의
 

CSS 예시

<link rel="testsheet" href="css/test.css">

 

 

- JavaScript
컨텐츠 작동 정의

 

JavaScript 예시

<script src="js/script.js">


HTML페이지에 CSS, JavaScript 동일 작성 가능하지만 관리 용이를 위해 파일 분리한다.

 

 

 

728x90
반응형
Comments