반응형
Head Tag
- <head>: 메타데이터를 포함하기 위한 요소. 메타데이터 이외의 요소를 포함해서는 안 됨
- <title>: 문서의 제목을 정의. 브라우저 탭에 표시
<title>문서 제목</title>- <style>: HTML 문서를 위한 style 정보 정의
<style>
body {
background-color: black;
color: white;
}
</style>- <link>: 외부 리소스와의 연계 정보 정의. HTML과 외부 CSS 파일 연계에 사용
<link rel="stylesheet" href="styles.css" />- <script>: client-side JavaScript를 정의
<script src="main.js"></script>
<script>
document.addEventListener('click', function () {
alert('Click!!');
});
</script>- <meta>: description, keywords, author 등 메타데이터 정의. 브라우저, 검색엔진에 사용. charset은 브라우저가 사용할 문자셋 정의
<meta charset="utf-8"> <!-- 브라우저에서 사용할 문자셋 정의 -->
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript"> <!-- 검색엔진에 사용할 keyword 정의 -->
<meta name="description" content="Web tutorials on HTML and CSS"> <!-- 설명 정의 -->
<meta name="author" content="cogito21"> <!-- 저자 정의 -->
<meta http-equiv="refresh" content="30"> <!-- 웹페이지를 30초마다 refresh -->
+) 버전별 문자셋 정의
<!-- HTML4에서 UTF-8의 경우 -->
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<!-- HTML5에서 UTF-8의 경우 -->
<meta charset="UTF-8">
+) 문자셋 종류
1. ASCII : 가장 처음 만들어진 문자셋으로, 인터넷에서 사용할 수 있는 127개의 영문자와 숫자로 이루어져 있습니다.
2. ANSI : 윈도우즈에서 만든 문자셋으로, 총 256개의 문자 코드를 지원합니다.
3. ISO-8859-1 : 256개의 문자 코드를 지원하는 HTML4의 기본 문자셋입니다.
4. UTF-8 : 세상에 있는 거의 모든 문자를 표현할 수 있는 유니코드 문자를 지원하는 HTML5의 기본 문자셋입니다.
반응형
'프로그래밍 언어 > HTML5' 카테고리의 다른 글
| [HTML] HTML5 텍스트 요소 (0) | 2024.08.02 |
|---|---|
| [HTML] Semantic Tag (0) | 2024.08.02 |
| [HTML] HTML5 기본 문법 (0) | 2024.08.02 |
| [HTML] HTML5 기본 구조 (0) | 2024.08.02 |
| [HTML5] HTML5 개요 (0) | 2024.08.02 |
