정미나닷컴

[HTML5] HTML5 개요 본문

programming

[HTML5] HTML5 개요

정미나 2011. 3. 10. 16:07
반응형
* HTML5의 새로운 기능

˚ 더 풍부한 웹 애플리케이션
- 동영상이나 음성 재생(video/audio 요소)
- 자유로운 2D 그래픽 처리(canvas 요소)
- 오프라인에서도 작동되는 애플리케이션(애플리케이션 캐시)
- 도메인 간의 통신 구현(크로스 도큐먼트 메시징, XMLHttpRequest Leve2 등)
- 클라이언트 측에 데이터 저장(Web Storage, Web SQL Database, Indexed Database API)
- 백그라운드 처리 수행(Web Workers)
- 서버로부터의 데이터 푸시나 서버와의 쌍방향 통신 수행(Server-Sent Events, Web Sockets)
- 로컬 파일의 내용을 읽어들임(File API)

˚ 더 시맨틱한 마크업
- header : 섹션의 헤더
- footer : 섹션의 풋터
- selection : 범용적인 셀렉션
- address : 섹션에 관한 문의처의 정보
- article : 섹션의 한 종류로 페이지에서 독립해서 있는 부분(예: 블로그 본문 등)
- nav : 사이트 전체 또는 섹션에서의 내비게이션 메뉴
- aside : 섹션 내용과 약간 관련이 있으나, 관련이 없어도 문서의 의미에는 영향을 주지 않을만한 부분(예: 문서의 내용 요약 등)
- time : 날짜, 시작을 나타냄

˚ 더 높은 접근성(Accessibility)
- 시맨틱한 새로운 요소가 문서 구조의 의미를 명확히 하는 데 도움을 줌
- 입력 폼의 종류가 풍부해져 입력 형식 검증 등도 브라우저에 맡길 수 있음
  (예: <input type=”number”> 는 숫자 형식만을 입력할 수 있는 폼)

˚ 더 높은 호환성
- 버전 간 호환성 : 후방 호환성, 전방 호환성 고려
- 브라우저 간 호환성 : 표준에 따르기만 하면 어떤 브라우저에서도 똑같이 작동
반응형