검색결과 리스트
2011/08/31 에 해당되는 글 2건
- 2011.08.31 2.HTML5 Header stuff (1)
- 2011.08.31 1.HTML5 DocType 정의 (2)
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
기존의 메타태그에서는 콘텐트 타입을 명시하고는 했지만 HTML5에서는 간단하게 Charset만 명시하면 됩니다.
<meta charset="UTF-8">
간단하지요 Java Script를 명시 할 경우에도 script type을 명시하는 부분이 제거 되었습니다. 이미 많은 분들이 script type을 명시하지 않고 사용하고 있었기 때문에 크게 영향을 받거나 하지는 않습니다만 공식적으로 좀 더 간단해 졌다고 의미를 둘 수 있습니다.
이전버전의 Script 표기 법은 아래와 같습니다.
<script type="text/javascript" src="jquery.js"></script>
HTML5에서 간소화 된 표기는 아래와 같습니다.
<script src="jquery.js"></script>
CSS 파일에 대한 명시도 역시 단순해 졌습니다.
<link rel="stylesheet" href="html-my.css">
HTML의 시작 부분에서 공식적으로 복잡했던 부분을(사실 비공식적으로는 단순하게 다들 사용하고 있었습니다.) 역시 간단하게 수정했습니다.
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> 이랬던 것을
<html lang="en"> 이렇게...
HTML5는 나중에 좀 더 언급하겠지만 외형을 나타내는 태그들을 과감하게 삭제하고 그 기능을 CSS로 넘기는 등 HTML의 본래 목적에 충실할 수 있는 방향으로 진화되고 있습니다.
![32224_1468530191732_1187893437_1364978_7316647_n[1]](http://blogs.msdn.com/cfs-file.ashx/__key/communityserver-blogs-components-weblogfiles/00-00-01-08-14-metablogapi/2318.32224_5F00_1468530191732_5F00_1187893437_5F00_1364978_5F00_7316647_5F00_n1_5F00_6EC5D84D.jpg "32224_1468530191732_1187893437_1364978_7316647_n[1]") |
현재 한국마이크로소프트에서 Evangelist로 근무하고 있으며 국내 유수의 대기업 프로젝트에 참여했던 경험과 Microsoft MVP로 다년간 활동했습니다. |
HTML5 강좌 전체 목록
- HTML5 DocType의 정의
- HTML5 Header stuff
- Audio
- Video
- Canvas
Canvas: Rectangle
Canvas: Shadow
Canvas: Path
Canvas: Image
Canvas: Text - Web form 2.0
Input Attr: Placeholder
Input Attr: Autofocus
Input Attr: Required field
Input Attr: DataList
Input Type: Search
Input Type: Email, URL, Phone
Input Type: Range
Input Type: Number
Input Type: Date
Input Type: Color - Towards Semantic Web
Semantic <mark>
Semantic <time>
Semantic <meter>
Semantic <progress>
Semantic <section>
Semantic <header>
Semantic <footer>
Semantic <nav>
Semantic <article>
Semantic <aside>
문서 타입이란 이 문서에 대해서 HTML의 버전이나 언어와 같은 요소를 사전에 정의해서 문서를 쉽게 읽어드리게 하는 요소로 제공 됩니다.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1
<Sample1> HTML이전의 DocType
문서 타입을 정의하는 방식은 HTML5은 확실히 간단해 졌습니다. HTML5에서는 다음과 같이 한 줄로 통일 되었습니다.
<!DOCTYPE html>
앞도 뒤도 볼 것 없이 그냥 한 줄이면 됩니다. 기존의 HTML 문서와의 호환성을 유지하면서 HTML5 문서를 정의하기 위한 간단한 방법이라고 할 수 있습니다.
결과적으로 실제로 사용하는 HTML5 문서를 정의할 경우에도 아래와 같이 간단하게 구현됩니다.
<!DOCTYPE html>
<html>
<head>
<title>HTML5 is rocks!</title>
</head>
<body>
<h1>HTML5 Rocks!</h1>
</body>
</html>
|
현재 한국마이크로소프트에서 Evangelist로 근무하고 있으며 국내 유수의 대기업 프로젝트에 참여했던 경험과 Microsoft MVP로 다년간 활동했습니다. |
HTML5 강좌 전체 목록
- HTML5 DocType의 정의
- HTML5 Header stuff
- Audio
- Video
- Canvas
Canvas: Rectangle
Canvas: Shadow
Canvas: Path
Canvas: Image
Canvas: Text - Web form 2.0
Input Attr: Placeholder
Input Attr: Autofocus
Input Attr: Required field
Input Attr: DataList
Input Type: Search
Input Type: Email, URL, Phone
Input Type: Range
Input Type: Number
Input Type: Date
Input Type: Color - Towards Semantic Web
Semantic <mark>
Semantic <time>
Semantic <meter>
Semantic <progress>
Semantic <section>
Semantic <header>
Semantic <footer>
Semantic <nav>
Semantic <article>
Semantic <aside>
댓글을 달아 주세요
덧붙여서 html 안의 lang 요소도 크게 필요한 요소는 아닙니다. 자연어를 지시해주는 역할일 뿐 솔직히 비중을 차지하는 요소는 아니죠.