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