More actions
imported>rabierre No edit summary |
imported>rabierre No edit summary |
||
| Line 7: | Line 7: | ||
* HTML+CSS+JavaScript | * HTML+CSS+JavaScript | ||
== | == 달라진점 == | ||
* 풍부한 웹 어플리케이션 기능 : 웹 어플리케이션의 표현력 증가 | |||
** http://www.webguru.pe.kr/zbxe/files/attach/images/2848/655/824/structure-div.gif | * 동영상/음성 | ||
* 2D 그래픽 처리 | |||
* 오프라인에서 구동가능 | |||
* 도메인간의 통신기능 | |||
* 클라이언트축 데이터 저장 | |||
* 백그라운드 처리 수행 | |||
* 서버로부터의 데이터 푸시 | |||
* 서버와의 쌍방향 통신수행 | |||
* 로컬파일 읽기 | |||
* (etc. MathML, SVG등 외부 마크업언어 HTML에 직접 삽입가능) | |||
http://www.webguru.pe.kr/zbxe/files/attach/images/2848/655/824/structure-div.gif | |||
=== HTML5 === | === HTML5 === | ||
** http://www.webguru.pe.kr/zbxe/files/attach/images/2848/655/824/structure-html5.gif | ** http://www.webguru.pe.kr/zbxe/files/attach/images/2848/655/824/structure-html5.gif | ||
Revision as of 08:27, 6 October 2010
HTML5 개요
- 자바스크립트 + CSS + HTML의 통합개념
- 기존의 HTML : 문서를 위한 플랫폼, HTML5 : 웹 어플리케이션을 위한 플랫폼
HTML5 범위
- HTML + XHTML + 요소 + 요건 + 관련 API
- HTML+CSS+JavaScript
달라진점
- 풍부한 웹 어플리케이션 기능 : 웹 어플리케이션의 표현력 증가
- 동영상/음성
- 2D 그래픽 처리
- 오프라인에서 구동가능
- 도메인간의 통신기능
- 클라이언트축 데이터 저장
- 백그라운드 처리 수행
- 서버로부터의 데이터 푸시
- 서버와의 쌍방향 통신수행
- 로컬파일 읽기
- (etc. MathML, SVG등 외부 마크업언어 HTML에 직접 삽입가능)
http://www.webguru.pe.kr/zbxe/files/attach/images/2848/655/824/structure-div.gif
HTML5
요소
section
- 범용적 섹션
section 제목
- 하나만 지정 가능
- 여러 제목을 묶어 하나로 만들기 위한
<hgroup>
태그 사용가능
- 섹션에 두개 이상의 제목을 지정하면 암묵적으로 섹션이 생성된다. 그런데 어떤 규칙으로 생성될지 모른다.
section root
- 하나의 독립된 요소로 인정되는 태그들
- body, fieldset(입력 필드 그룹), td, figure, blockquote
- body가 section root임. HTML5의 컨텐츠는 모두 section에 포함된다는 것을 유추 가능
- 밖의 아웃라인에는 영향을 주지 않는다.