목차
- HTML5 개념
- HTML5 DTD (문서 타입 선언) 방법
- HTML5 charset (언어셋) 선언 방법
- HTML5 예제
- HTML5 추가된 주요 태그/속성
- HTML5 추가된 API
- HTML5 제외된 HTML 4.01 태그
- HTML5 발전사
- HTML5 구형 브라우저에서 사용법 (= 요소 생성 방법)
HTML5 개념
넓은 의미 HTML5 = 좁은 의미 HTML5 + CSS3 + JavaScript
HTML5 DTD (문서 타입 선언) 방법
HTML5 charset (언어셋) 선언 방법
<meta charset="UTF-8">
PS1. HTML5 기본 언어셋 : UTF-8
HTML5 예제
<!DOCTYPE html>
<html lang='ko'>
<head>
<meta charset="UTF-8">
<title>문서 제목</title>
</head>
<body>
문서 내용
</body>
</html>
HTML5 추가된 주요 태그/속성
의미 요소:
<article>, <aside>, <figure>, <footer>, <header>, <main>, <nav>, <section>...그외 다수
폼 통제 속성:
number, date, time, calendar, and range ...그외 다수
그래픽 요소:
<svg>, <canvas>.
멀티미디어 요소:
<audio> , <video>
HTML5 추가된 API
HTML Drag and Drop
HTML Local Storage ※ 쿠키를 대체할 강력한 수단임.
HTML Application Cache
HTML Web Workers
HTML SSE
PS. API (Application Programming Interfaces)
HTML5 제외된 HTML 4.01 태그
[HTML4.01] → [HTML5]
<acronym> → <abbr>태그로 대체
<applet> → <object> 태그로 대체
<basefont> → CSS 이용
<big> → CSS 이용
<center> → CSS 이용
<dir> → <ul> 태그로 대체
<font> → CSS 이용
<frame> → 이용 X
<frameset> → 이용 X
<noframes> → 이용 X
<strike> → CSS 이용
<tt> → CSS 이용
HTML5 발전사
1989년 팀 버너스-리 WWW 발명
1991년 팀 버너스-리 HTML 발명
1999년 HTML 4.01 출범
2000년 XHTML 병행
2014년 HTML 5 표준안 채택 ※ HTML5 논의는 2008년부터 시작
PS1. 팀 버너스-리 (Tim Berners-Lee) 이름 정도는.... ^!~
PS2. HTML 버전은 개별적 분리가 아니라 하나의 연속적 발전.
HTML5 구형 브라우저에서 사용법 (= 요소 생성 방법)
<script>document.createElement("h0")</script>
<style>
h0 { font-size: 1.5em; font-weight:bolder; font-family:arial; font-style:italic}
</style>
<h0>홈짱닷컴 (Homzzang.com)에서만 사용 가능</h0>
결과보기
