2011.08.31 16:13

2.HTML5 Header stuff

HTML5 2011.08.31 16:13

HTML5에서는 이전 버전에 비해서 강화되고 추가된 측면도 있지만 불필요하게 복잡한 요소들은 과감하게 정리하는 측면도 함께 가지고 있습니다. 그 중의 한 요소가 바로 헤더 요소라고 할 수 있는 메타태그와 스크립트 태그 입니다. 
 
<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]

김영욱 iwinkey@hotmail.com

현재 한국마이크로소프트에서 Evangelist로 근무하고 있으며 국내 유수의 대기업 프로젝트에 참여했던 경험과 Microsoft MVP로 다년간 활동했습니다.
올해는 컨슈머와 관련된 앱을 만드는 다양한 업체들을 발굴하고 지원하는 일을 맡고 있습니다.


HTML5 강좌 전체 목록
  1. HTML5 DocType의 정의
  2. HTML5 Header stuff
  3. Audio
  4. Video
  5. Canvas
    Canvas: Rectangle
    Canvas: Shadow
    Canvas: Path
    Canvas: Image
    Canvas: Text
  6. 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
  7. Towards Semantic Web
    Semantic <mark>
    Semantic <time>
    Semantic <meter>
    Semantic <progress>
    Semantic <section>
    Semantic <header>
    Semantic <footer>
    Semantic <nav>
    Semantic <article>
    Semantic <aside>
저작자 표시 변경 금지
신고