- HTML5에서는 HTML4에 비해 태그의 의미를 분명히 하도록 되어 있음.
* 문서형 정의의 간략화
- HTML5에서는 HTML 문서의 맨 앞에 쓰는 DOCTYPE 선언의 표기를 간략화하고 있음.
HTML5 : <!DOCTYPE html>
HTML 4.01 : <!DOCTYPE HTML PUBLIC "-//W3C//DTD//HTML/4.01//EN">
문서형 정의(DTD: Document Type Definition) : HTML4에서는 HTML문서의 형과 버전, 언어를 정의함.
- 웹 브라우저는 이 선언을 보고 HTML 문서가 어떤 버전으로 작성되었는지를 판단하고 동작을 바꿈.
- HTML5에서는 표준 스타일을 CSS, 표준 스크립트를 JavaScript로 정하고 있음. 이 때문에 type 속성을 생략하고 CSS나 JavaScript를 그대로 이용할 수 있음.
[CSS]
HTML5 : <style></style>
HTML 4.01 : <style type="text/css"></style>
[JavaScript]
HTML5 : <script></script>
HTML 4.01 : <scripttype="text/javascript"></script>
* HTML 문서의 형식
- HTML5에서는 HTML 구문과 XHTML 구문으로 된 두 종류의 문서 형식을 지원함.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24 |
[HTML]
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5</title>
</head>
<body>
HTML구문으로 작성하고 있습니다.
</body>
</html>
[XHTML]
<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>HTML4</title>
</head>
<body>
XHTML구문으로 작성하고 있습니다.
</body>
</html> |
cs |
* 문자 코드
- HTML 문서에서는 문자의 부호화 형식(문자 코드)을 지정하지 않으면 웹 브라우저가 문자 코드를 잘못 인식하여 웹 페이지의 문자가 깨지는 일이 있었음.
- 그렇기 때문에 HTML 문서 안에서 문자 코드를 지정할 필요가 있었지만, 그 방법도 HTML 4.01과 HTML5에서는 다름.
- HTML5에서는 문자 코드로 'UTF-8'을 권장하고 있음. (인코딩 등 문자 코드의 설정과 변경이 가능함.)
HTML5 : <meta charset="UTF-8>
HTML 4.01 : <meta http-equiv="Content-Type" content="text/html; EUC-KR">
* 시맨틱 웹
- 사람이 작성한 HTML의 내용을 웹 브라우저에게 이해시키는 일은 그리 쉽지 않음.
- 데이터의 의미를 분명히 하고 웹 브라우저에서 활용할 수 있도록 하자는 개념을 '시맨틱 웹(Semantic Web)'이라고 함.
- HTML5에도 그러한 태그가 몇 가지 마련되어 있음.
내용 출처 : HTML5가 보이는 그림책 (ANK Co., Ltd 저, 성안당)
'Programming > HTML5' 카테고리의 다른 글
| 콘텐츠 모델 (Contents Model) (0) | 2017.05.19 |
|---|---|
| 의미가 바뀐 태그 (0) | 2017.05.19 |
| HTML5의 새로운 태그 2 (0) | 2017.05.19 |
| HTML5의 새로운 태그 1 (0) | 2017.05.19 |
| HTML5란? (0) | 2017.05.19 |
| HTTP 리스폰스 헤더 (0) | 2017.05.18 |
| XHTML (0) | 2017.05.17 |
| 메타 요소 (0) | 2017.05.17 |
