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

[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>

결과보기


분류 제목
style HTML - <header> 태그 ★ - 단락머리말 (= header태그 = 헤더태그 = 헤더요소) (HT…
deprecated HTML - <nobr> 태그 - 줄바꿈안하기 (= nobr태그 = 노비알태그)
table HTML - <tr> 태그 ★ - 테이블행 (= 테이블가로줄 = tr태그 = 티알태그) (HTML5수정)</…
meta HTML - <basefont> 태그 - 기본글자스타일 (기본글꼴/기본색상/기본크기) (= 베이스폰트태그) … 2
form HTML - <form> 태그 ★★★ - 입력폼양식 (= form태그 = 폼태그/폼요소) ※ 폼데이터 입력/…
form HTML - <datalist> 태그 - 입력가능값리스트 (= datalist태그 = 데이터리스트태그)
programming HTML - <noscript> 태그 - JS 작동안될때 보여줄 내용 (= noscript태그 = 노스크립트…
list HTML - <menu> 태그 - 명령어메뉴목록 (= menu태그 = 메뉴태그)
formatting HTML - <s> 태그 - 취소선 (= 취소태그 = s태그 = 에스태그 = 스트라이크쓰루태그) (HTML5…
basic HTML - <body> 태그 ★ - 문서영역 (= 문서본문영역 = body태그/body요소 = 바디태그/바…
form HTML - <label> 태그 ★ - input태그꼬리표 (= 인풋꼬리표 = 인풋명찰=인풋이름표 = lab…
meta HTML - <base> 태그 - 상대주소기본URL과 링크기본타켓지정 (= base 태그 = 베이스태그)
formatting HTML - <del> 태그 - 텍스트삭제표시 (= del태그 = 딜태그|델태그|딜리트태그) ※ 삭제태그
frame HTML - <frameset> 태그 - 프레임그룹 (= 프레임 레이아웃 = frameset태그 = fram…
basic HTML - <!DOCTYPE> 태그 ★ - 문서타입 (= !doctype태그 = !doctype요소 = …
table HTML - <th> 태그 ★ - 테이블셀제목 (= th태그 = 티에이치태그) + th고정 (= 테이블헤드고…
font HTML - <sub> 태그 ★ - 아래첨자 (= 하단작은글씨 = sub태그 = 서브태그)
table HTML - <col> 태그 - 테이블열그룹 (= col태그 = 콜태그) (HTML5 수정)
table HTML - <table> 태그 ★ 테이블 (= 표작성 = table태그 = 테이블태그) ※ 셀병합 (= 셀…
table HTML - <td> 태그 ★ - 테이블 데이터 셀 (= 테이블셀 = td태그 = 티디태그) (HTML5수정…
15/18
목록
찾아주셔서 감사합니다. Since 2012