• 회원가입
  • 로그인
  • 구글아이디로 로그인

[intro] HTML - HTML5 사용조건 / HTML4.01과 다른점 (= HTML5 vs HTML401 차이점)

목차

  1. HTML5 개념
  2. HTML5 DTD (문서 타입 선언) 방법
  3. HTML5 charset (언어셋) 선언 방법
  4. HTML5 예제
  5. HTML5 추가된 주요 태그/속성
  6. HTML5 추가된 API
  7. HTML5 제외된 HTML 4.01 태그
  8. HTML5 발전사
  9. HTML5 구형 브라우저에서 사용법 (= 요소 생성 방법)

 

HTML5 개념


넓은 의미 HTML5  =  좁은 의미 HTML5  +  CSS3  +  JavaScript


HTML5 DTD (문서 타입 선언) 방법


<!DOCTYPE html>

 

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>

결과보기


분류 제목
attribute HTML - onplaying 속성 - (오디오/비디오) 재생 중 실행 (= onplaying속성 = 온플레…
attribute HTML - title 속성 ★ - 요소애 대한 추가 정보 지정 (= title속성 = 타이틀속성)
attribute HTML - enctype 속성 - 폼데이터 인코딩방식 지정 (= enctype속성 = 인크타입속성/잉크타입…
attribute HTML - onsubmit 속성 ★ - 폼데이터 제출 시 실행 (= onsubmit속성 = 온서브미트속성/…
attribute HTML - ondragleave 속성 - 드래그 한 요소가 드롭박스 이탈 시 실행 (= ondragleav…
attribute HTML - ononline 속성 - 브라우저가 온라인으로 작동할 때 실행 (= ononline속성 = 온온…
attribute HTML - onseeked 속성 - (오디오/비디오) 재생위치 변경 종료 시, 실행할 코드 지정. (= o…
form HTML - <input type="radio"> 태그 - 오직 1개의 요소만 선택 (= 인풋라디오타입/라디…
attribute HTML - src 속성 ★ - 외부 리소스 URL주소 지정 (= src속성 = 에스알시속성/에스알씨속성/소…
attribute HTML - cellspacing 속성 - 테이블셀간의 간격 지정 (= cellspacing속성 = 셀스페이…
attribute HTML - onemptied 속성 - 미디어 소스가 비어있거나 삭제된 경우에 실행 (= onemptied속…
attribute HTML - onabort 속성 - 미디어 파일 로드 중단 이벤트 발생 시 실행할 코드 정의 (= onabo…
attribute HTML - srclang 속성 - 트랙태그 소스의 언어코드 지정 (= srclang속성 = 에스알시랭속성/…
attribute HTML - form 속성 - 해당 요소가 속하는 폼요소 지정 (= form속성 = 폼속성) ※ 폼 밖에 위…
attribute HTML - onpageshow 속성 - 사용자가 웹페이지 탐색 시 실행 (= onpageshow속성 = 온…
form HTML - <input type="hidden"> 태그 - 숨겨진 입력 필드 지정 (= 사용자 몰래 입력값…
attribute HTML - label 속성 - 요소에 대한 꼬리표 지정 (= label속성 = 레이블속성/라벨속성)
attribute HTML - headers 속성 - 관련된 헤더셀ID 목록 지정 (= headers속성 = 헤더스속성/헤더즈…
attribute HTML - onstalled 속성 - (오디오/비디오) 이용불가 (=사용불가) 시 실행 (= onstall…
attribute HTML - rel 속성 ★ - 링크문서가 현재문서와 어떤 관계인지 지정 (= rel속성 = 릴속성/렐속성)
2/18
목록
찾아주셔서 감사합니다. Since 2012