본문 바로가기

HTML5

HTML과 HTML5의 차이점

728x90

1.doctype의 변화 


이전버전에서의 doctype 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">


HTML5의 doctype 

<!doctype html>


이것은 HTML뿐만이 아니라 HTML5 이후의 버전에서도 적용된다.

(HTML6, HTML7가 나오더라도 doctype은 <!doctype html>로 사용할 수 있다.








2.meta태그의 변화


이전버전에서의 meta태그

<meta http-equiv="content-type" content="text/html; charset=UTF-8">


HTML5의 meta태그

<meta charset="UTF-8">


HTML5는 문자열 인코딩 부분만 넣으면 작동한다.







3.text/css타입 링크의 변화


이전버전에서의 text/css타입 링크

<link type="text/css" rel="stylesheet" href="lounge.css">


HTML5의 text/css타입 링크

<link rel="stylesheet" href="lounge.css">


그냥 type속성만 제거하면 된다.

css는 html5에서 스타일을 위한표준이다.










*그 외에도 html5에서는 자바스크립트가 기본 표준 스크립트 언어가 되었기 때문에 script 태그에서 type을 제거할 수 있다.



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



인라인 코드

<script>

var Doo = true;

</script>


이런식으로 사용할 수 있다.

728x90

'HTML5' 카테고리의 다른 글

HTML5와 자바스크립트의 연관성  (0) 2015.07.06
자바스크립트로 할 수 있는 것  (0) 2015.07.06
HTML5 용어정리  (0) 2015.07.06
HTML의 작동방식  (0) 2015.07.06
HTML5 관련 이야깃거리  (0) 2015.07.06