HTML5

  • 리비전 슬러그: HTML/HTML5/HTML5
  • 리비전 제목: HTML/HTML5/HTML5
  • 리비전 아이디: 285815
  • 제작일시:
  • 만든이: 99corps
  • 현재 리비전인가요? 아니오
  • 댓글 10 words added, 8 words removed

리비전 내용

2009년10월28일, HTML5 드래프트 사양이 WHATWG의 Last call이 되었습니다. 이것은 사양이 완성단계에 가까워진 것을 의미합니다.

여기에는 Mozilla의 Gecko 엔진에서 이미 지원되고 있는 HTML5사양의 각부분에 대해 작성되어 있습니다.

HTML5 소개

HTML5 の紹介
この記事では、Web デザインや Web アプリケーションでの HTML5 の利用方法を紹介します。

HTML5 요소

マルチメディアコンテンツを扱う {{ fx_minversion_inline("3") }}
Firefox 3.5 で HTML5 の audio 要素と video 要素のサポートが追加されました。

Web 어플리케이션기능

Firefox のオフラインリソース {{ fx_minversion_inline("3") }}
Firefox は HTML5 のオフラインリソース仕様をすべてサポートしています。
Web ワーカー {{ fx_minversion_inline("3") }}
Firefox 3.5 supports web workers to allow easy multi-threading support in web applications. It's not part of the HTML5 standard, but it's a standardized by the WHATWG too and is often mentioned together with HTML5.
Online および Offline イベント {{ fx_minversion_inline("3") }}
Firefox 3 は WHATWG の online および offline イベントをサポートしています。これらのイベントは、アプリケーションや拡張機能に現在のインターネット接続の状態を知らせます。これらのイベントで接続と切断を検出できます。
WHATWG のクライアントサイドのセッションと永続ストレージ (DOM Storage) {{ fx_minversion_inline("2") }}
クライアントサイドのセッションと永続ストレージにより、Web アプリケーションが構造化データをクライアント側に格納できるようにします。
Web アプリケーションからファイルを扱う {{ fx_minversion_inline("3") }}
Support for the new HTML5 File API has been added to Gecko, making it possible for web applications to access local files selected by the user. This includes support for selecting multiple files using the input type="file" HTML element's new multiple attribute.

DOM 기능

ドラッグ&ドロップ {{ fx_minversion_inline("3") }}
HTML5 のドラッグ&ドロップ API は、Web サイト間におけるアイテムのドラッグ&ドロップをサポートします。また、拡張機能や Mozilla ベースのアプリケーションで使用できる簡単な API も提供します。
HTML 内のフォーカス管理 {{ fx_minversion_inline("3") }}
HTML5 の新しい activeElement 属性と hasFocus 属性がサポートされています。
Web ベースのプロトコルハンドラ {{ fx_minversion_inline("3") }}
navigator.registerProtocolHandler() メソッドを使用して、Web アプリケーションをプロトコルハンドラとして登録できるようになりました。

Canvas 지원

Canvas を使って図形を描く {{ fx_minversion_inline("1") }}
新しい <canvas> タグと、Firefox にグラフや他のオブジェクトを描画する方法について学んでください。
canvas 要素の HTML5 text API {{ fx_minversion_inline("3") }}
Canvas 要素が HTML5 text API をサポートしました。

추가 변경사항

  • localName and namespaceURI in HTML documents now behave like they do in XHTML documents: localName returns in lower case and namespaceURI for HTML elements is "http://www.w3.org/1999/xhtml" {{ fx_minversion_inline("3") }}
  • When the page's URI's document fragment identifier (the part after the "#" (hash) character) changes, a new hashchange event is sent to the page. See window.onhashchange for more information. {{ fx_minversion_inline("3") }}
  • Support for HTML5's element.classList to allow easier handling of the class attribute. {{ fx_minversion_inline("3") }}

현재 진행중인 작업

HTML5 parser
Firefox already ships with an HTML5 parser, but it is disabled by default while testing is done. To enable it, set the html5.enable preference to true.

참조

{{ languages( { "en": "en/HTML/HTML5" } ) }}

리비전 소스

<p>2009년10월28일, <a class=" external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/" title="http://www.whatwg.org/specs/web-apps/current-work/multipage/">HTML5</a> 드래프트 사양이 WHATWG의 Last call이 되었습니다. 이것은 사양이 완성단계에 가까워진 것을 의미합니다. </p>
<p>여기에는 Mozilla의 Gecko 엔진에서 이미 지원되고 있는 HTML5사양의 각부분에 대해 작성되어 있습니다.</p>
<h2 name="Introduction_to_HTML5">HTML5 소개</h2>
<dl> <dt><a href="/ja/HTML/Introduction_to_HTML5" title="ja/HTML/Introduction to HTML5"><strong>HTML5 の紹介</strong></a></dt> <dd>この記事では、Web デザインや Web アプリケーションでの HTML5 の利用方法を紹介します。</dd>
</dl>
<h2 name="HTML5_elements">HTML5 요소</h2>
<dl> <dt><a href="/Ja/Using_audio_and_video_in_Firefox" title="ja/Using_audio_and_video_in_Firefox">マルチメディアコンテンツを扱う</a> {{ fx_minversion_inline("3") }}</dt> <dd>Firefox 3.5 で HTML5 の <a href="/Ja/HTML/Element/Audio" title="ja/HTML/Element/Audio"><code>audio</code></a> 要素と <a href="/Ja/HTML/Element/Video" title="ja/HTML/Element/Video"><code>video</code></a> 要素のサポートが追加されました。</dd>
</dl>
<h2 name="Web_application_features">Web 어플리케이션기능</h2>
<dl> <dt><a href="/ja/Offline_resources_in_Firefox" title="ja/Offline_resources_in_Firefox">Firefox のオフラインリソース</a> {{ fx_minversion_inline("3") }}</dt> <dd>Firefox は HTML5 のオフラインリソース仕様をすべてサポートしています。</dd> <dt><a href="/ja/Using_web_workers" title="ja/Using_web_workers">Web ワーカー</a> {{ fx_minversion_inline("3") }}</dt> <dd>Firefox 3.5 supports web workers to allow easy multi-threading support in web applications. It's not part of the HTML5 standard, but it's a standardized by the WHATWG too and is often mentioned together with HTML5.</dd> <dt><a href="/ja/Online_and_offline_events" title="ja/Online_and_offline_events">Online および Offline イベント</a> {{ fx_minversion_inline("3") }}</dt> <dd>Firefox 3 は WHATWG の online および offline イベントをサポートしています。これらのイベントは、アプリケーションや拡張機能に現在のインターネット接続の状態を知らせます。これらのイベントで接続と切断を検出できます。</dd>
</dl>
<dl> <dt><a href="/ja/DOM/Storage" title="ja/DOM/Storage">WHATWG のクライアントサイドのセッションと永続ストレージ (DOM Storage)</a> {{ fx_minversion_inline("2") }}</dt> <dd>クライアントサイドのセッションと永続ストレージにより、Web アプリケーションが構造化データをクライアント側に格納できるようにします。</dd> <dt><a href="/ja/Using_files_from_web_applications" title="ja/Using_files_from_web_applications">Web アプリケーションからファイルを扱う</a> {{ fx_minversion_inline("3") }}</dt> <dd>Support for the new HTML5 File API has been added to Gecko, making it possible for web applications to access local files selected by the user. This includes support for selecting multiple files using the <code>input type="file"</code> HTML element's new <code>multiple</code> attribute.</dd>
</dl>
<h2 name="DOM_features">DOM 기능</h2>
<dl> <dt><a href="/Ja/DragDrop/Drag_and_Drop" title="ja/DragDrop/Drag_and_Drop">ドラッグ&ドロップ</a> {{ fx_minversion_inline("3") }}</dt> <dd>HTML5 のドラッグ&ドロップ API は、Web サイト間におけるアイテムのドラッグ&ドロップをサポートします。また、拡張機能や Mozilla ベースのアプリケーションで使用できる簡単な API も提供します。</dd> <dt><a href="/ja/Focus_management_in_HTML" title="ja/Focus_management_in_HTML">HTML 内のフォーカス管理</a> {{ fx_minversion_inline("3") }}</dt> <dd>HTML5 の新しい <code>activeElement</code> 属性と <code>hasFocus</code> 属性がサポートされています。</dd> <dt><a href="/ja/Web-based_protocol_handlers" title="ja/Web-based_protocol_handlers">Web ベースのプロトコルハンドラ</a> {{ fx_minversion_inline("3") }}</dt> <dd><code>navigator.registerProtocolHandler()</code> メソッドを使用して、Web アプリケーションをプロトコルハンドラとして登録できるようになりました。</dd>
</dl>
<h2 name="Canvas_support">Canvas 지원</h2>
<dl> <dt><a href="/ja/Drawing_Graphics_with_Canvas" title="ja/Drawing_Graphics_with_Canvas">Canvas を使って図形を描く</a> {{ fx_minversion_inline("1") }}</dt> <dd>新しい <code>&lt;canvas&gt;</code> タグと、Firefox にグラフや他のオブジェクトを描画する方法について学んでください。</dd> <dt><a href="/ja/Drawing_text_using_a_canvas" title="ja/Drawing_text_using_a_canvas"><code>canvas</code> 要素の HTML5 text API</a> {{ fx_minversion_inline("3") }}</dt> <dd>Canvas 要素が HTML5 text API をサポートしました。</dd>
</dl>
<h2 name="Additional_changes">추가 변경사항</h2>
<ul> <li><code>localName</code> and <code>namespaceURI</code> in HTML documents now behave like they do in XHTML documents: <code>localName</code> returns in lower case and <code>namespaceURI</code> for HTML elements is <code>"<a class=" external" href="http://www.w3.org/1999/xhtml" rel="external nofollow" target="_blank" title="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>" </code>{{ fx_minversion_inline("3") }}</li> <li>When the page's URI's document fragment identifier (the part after the "#" (hash) character) changes, a new <code>hashchange</code> event is sent to the page. See <a href="/ja/DOM/window.onhashchange" title="ja/DOM/window.onhashchange">window.onhashchange</a> for more information. {{ fx_minversion_inline("3") }}</li> <li>Support for HTML5's <code><a href="/ja/DOM/element.classList" title="ja/DOM/element.classList">element.classList</a></code> to allow easier handling of the class attribute. {{ fx_minversion_inline("3") }}</li>
</ul>
<h2 name="Current_work">현재 진행중인 작업</h2>
<dl> <dt>HTML5 parser</dt> <dd>Firefox already ships with an HTML5 parser, but it is disabled by default while testing is done. To enable it, set the <code>html5.enable</code> preference to <code>true</code>.</dd>
</dl>
<h2 name="See_Also">참조</h2>
<ul> <li><a href="/ja/Firefox_3.6_for_developers" title="ja/Firefox 3.6 for developers">Firefox 3.6 for developers</a></li> <li><a href="/Ja/Firefox_3.5_for_developers" title="ja/Firefox 3.5 for developers">Firefox 3.5 for developers</a></li> <li><a href="/ja/Firefox_3_for_developers" title="ja/Firefox 3 for developers">Firefox 3 for developers</a></li> <li><a href="/ja/Firefox_2_for_developers" title="ja/Firefox 2 for developers">Firefox 2 for developers</a></li> <li><a href="/ja/Firefox_1.5_for_developers" title="ja/Firefox 1.5 for developers">Firefox 1.5 for developers</a></li>
</ul>
<div class="noinclude">
<p>{{ languages( { "en": "en/HTML/HTML5" } ) }}</p>
</div>
Revert to this revision