728x90
HTML5는 HTML를 정의하는 표준화에 있어서의 최신 표준 명세입니다. HTML5 명세는 아직도 표준 지정이 완료되지 않았고 변경이 계속 진행 중입니다. 하지만, Mozilla 및 다른 웹 브라우저 벤더는 이미 사양 중 많은 부분에 대한 구현을 시작하고 있습니다. 여기에 링크 하고 있는 문서에서는Firefox 및 다른 많은 제품으로 사용되어 있는 Mozilla의 Gecko 엔진에 있어서 이미 기술 지원되어 있는 HTML5의 기능에 대해 설명하고 있습니다. 각각의 기능을 기술 지원하고 있는 Gecko 버전 및 다른 브라우저 엔진에 대해서는 지정된 페이지를 참조해 주십시오.
(HTML5의 문서에 대한 다른 분류도 참고하세요.)
HTML5 소개
- HTML5의 소개
- 이 문서에서는 웹 디자인이나 웹 애플리케이션으로 HTML5 이용 방법을 소개합니다.
HTML5의 요소
- HTML5 요소·태그의 목록
- 현재 사양 초안에 근거한 HTML5 요소(태그)의 목록표입니다.
- 오디오/비디오 사용하기
- Firefox 3.5이상에서 HTML5의
<audio>요소와<video>요소의 기술 지원이 추가되었습니다. - HTML5 웹 폼양식
- HTML5에서는 웹 폼양식이 개선됩니다.
<input>요소의type속성에 새로운 값이나 새 요소인<output>요소 등이 새롭게 추가되었습니다. - HTML5 섹션과 아웃라인
- HTML5 에서는 아웃라인과 섹션에 관한 요소가 추가되었습니다.:
<section>,<article>,<nav>,<header>,<footer>,<aside>,<hgroup>. <mark>요소- mark 요소는 텍스트중에서의 특별한 관련성을 강조시키기 위해서 이용합니다.
<figure>및<figcaption>요소- 주로 사용된 문장과 느슨하게 연결된, 최종 캡션을 수반한 도식이나 그림을 추가할 수 있습니다.
Canvas 기술 지원
- Canvas 튜토리얼
- 새로운 요소인
<canvas>요소와 그것을 사용하여 Firefox에 그래프나 다른 객체를 재생 하는 방법에 대해 배웁니다. canvas요소의 HTML5 text API<canvas>요소가 HTML5 text API를 기술 지원합니다.
웹 애플리케이션 기능
- Firefox 오프 라인 자원
- Firefox는 HTML5의 오프 라인 자원 사양을 완전하게 구현 및 지원하고 있습니다. 대다수 브라우저의 몇 가지 레벨로 오프 라인 자원을 기술 지원하고 있습니다.
- Online 이벤트와 Offline 이벤트
- Firefox 3은 WHATWG의 online 및 offline 이벤트를 기술 지원하고 있습니다. 이러한 이벤트는 애플리케이션이나 확장 기능에 현재 인터넷 접속 상태의 연결 여부를 확인할 수 있습니다.
- WHATWG 클라이언트 사이드 세션 스토리지 및 영구 스토리지 (DOM Storage)
- 클라이언트 사이드 세션 스토리지와 영구 스토리지에 의하고 웹 애플리케이션이 구조화 데이터를 클라이언트 측에 저장할 수 있도록 합니다.
contentEditable속성： 웹 사이트 및 위키 편집 용이성- HTML5 에서는
contentEditable속성이 표준화 되었습니다. 이 기능에 대해 살펴봅니다. - 로컬 파일 사용하기
- 새로운 HTML5 File API 지원이 Gecko에 추가되었습니다. 이 API는 웹 애플리케이션이 사용자가 선택한 로컬 파일에 접근 하는 것을 가능하게 합니다. 이것에는 type 속성의 값에
file를 지정한<input>
DOM 주요 기능
- getElementsByClassName
- Document 및 Element 노드에 있어서의
getElementsByClassName메소드가 지원되어 있습니다. 이러한 메소드를 이용하는 것으로 지정한 클래스 또는 지정한 클래스의 목록를 가지는 요소를 찾아낼 수 있습니다. - 드래그 앤 드롭
- HTML5의 드래그앤 드롭 API는 웹 사이트간에 있어서의 아이템의 끌어오기 및 놓기 기능을 지원합니다. 또, 확장 기능이나 Mozilla 기반의 애플리케이션으로 사용할 수 있는 단순한 API 도 제공합니다.
- HTML 내 포커스 관리
- HTML5가 새로운
activeElement속성과hasFocus속성이 지원되어 있습니다. - 웹 기반 프로토콜 핸들러
navigator.registerProtocolHandler()메소드를 사용하여, 웹 애플리케이션을 프로토콜 핸들러로서 등록할 수 있게 되었습니다.
반응형