HTML5

HTML5

ファイル名拡張子	.html、.htm
インターネットメディアの種類	テキスト/HTML
タイプコード	文章
統一型識別子 (UTI)	公開.html [1]
開発者	何ですか ワールドワイドウェブコンソーシアム（W3C、旧称）
初回リリース	2008年1月22日 （16年前）[2] ( 2008-01-22 )
最新リリース	5.2（第2版） 2017年12月14日 （6年前）[3] ( 2017-12-14 )
フォーマットの種類	マークアップ言語
延長	HTML4、XHTML1、DOM2 HTML
延長	HTML LS
標準	HTML5.2 について
オープンフォーマット?	はい

HTML5（Hypertext Markup Language 5）は、ワールドワイドウェブ上でハイパーテキスト文書を構造化して表示するために使用されるマークアップ言語です。これは、ワールドワイドウェブコンソーシアム（W3C）の勧告としては廃止された、5番目で最後の^[4]主要なHTMLバージョンでした。現在の仕様は、HTML Living Standardとして知られています。これは、主要なブラウザベンダー（ Apple、Google、Mozilla、Microsoft ）のコンソーシアムであるWeb Hypertext Application Technology Working Group （WHATWG）によって管理されています。

HTML5は2008年1月22日に初めて一般向けにリリースされ、^[2] 2014年10月にメジャーアップデートが行われ、「W3C勧告」となった。^{[5] [6]}その目標は、最新のマルチメディアやその他の新機能をサポートして言語を改良すること、人間が読みやすく、 XHTMLの硬直性を排除して、コンピュータやウェブブラウザ、パーサーなどのデバイスで一貫して理解できる言語を維持すること、古いソフトウェアとの下位互換性を維持することであった。HTML5は、 HTML 4だけでなく、XHTML1、さらにはDOMレベル2のHTML自体も包含することを意図している。^[7]

HTML5には、より相互運用性の高い実装を促進するための詳細な処理モデルが含まれています。ドキュメントに使用できるマークアップを拡張、改善、合理化し、複雑なWebアプリケーション用のマークアップとアプリケーションプログラミングインターフェイス（API）を導入しています。^[8]同じ理由で、HTML5は低電力デバイスを念頭に置いて設計された機能を備えているため、クロスプラットフォームのモバイルアプリケーションの候補でもあります。

多くの新しい構文機能が含まれています。マルチメディアおよびグラフィカルコンテンツをネイティブに含めて処理するために、新しい<video>、<audio>、要素が追加されました。拡張可能なセクションは、CSS や JavaScript に依存せずにおよびを通じてネイティブに実装されています。また、スケーラブル ベクター グラフィックス(SVG) コンテンツのサポートと数式用のMathMLも追加されました。ドキュメントのセマンティックコンテンツを充実させるために、、、、、、、などの新しいページ構造要素が追加されました。新しい属性が導入され、一部の要素と属性が削除され、 、 、 などの他の要素と属性が変更、再定義、または標準化されました。API とドキュメント オブジェクト モデル(DOM) は現在、HTML5 仕様の基本的な部分であり、^[8]、HTML5 では無効なドキュメントの処理も適切に定義されています。^[9]<canvas> <summary>...</summary><details>...</details><main><section><article><header><footer><aside><nav><figure><a><cite><menu>

ウェブハイパーテキストアプリケーション技術ワーキンググループ（WHATWG）は、2004年に新しい標準の作業を開始しました。当時、HTML 4.01は2000年以来更新されておらず、^[10]ワールドワイドウェブコンソーシアム（W3C）は将来の開発をXHTML 2.0に注力していました。2009年、W3CはXHTML 2.0ワーキンググループの憲章の期限切れを認め、更新しないことを決定しました。^[11]

Mozilla FoundationとOpera Software は、2004 年 6 月に World Wide Web Consortium のワークショップでポジション ペーパーを発表しました。 ^[12]では、既存のブラウザーと下位互換性のあるテクノロジの開発に焦点を当てており、^[13] Web Forms 2.0 の初期ドラフト仕様も含まれていました。ワークショップは、HTML の作業継続に賛成 8 票、反対 14 票で終了しました。^[14]ワークショップの直後、WHATWG がそのポジション ペーパーに基づいて作業を開始するために結成され、2 番目のドラフトである Web Applications 1.0 も発表されました。^[15]その後、2 つの仕様が統合されて HTML5 が誕生しました。^[16] HTML5 仕様は、2007 年に W3C の新しい HTML ワーキング グループの作業の出発点として採用されました。

WHATWGのイアン・ヒクソン（Google）とデビッド・ハイアット（Apple）は、2008年1月22日にW3Cの最初の公開仕様草案を作成しました。^[2]

Google Chrome 3.0、Safari 3.1、Firefox 3.5、Opera 10.5、Internet Explorer 9以降など、 2009 年以降にリリースされた多くの Web ブラウザは HTML5 をサポートしています。

HTML5 の一部の機能はAdob​​e Flashと比較されることが多いが、この 2 つの技術は非常に異なっている。どちらも、Web ページ内でオーディオやビデオを再生する機能や、Scalable Vector Graphicsを使用する機能を備えている。ただし、HTML5 だけではアニメーションやインタラクティブ機能を使用できないため、CSS3またはJavaScriptで補完する必要がある。HTML5 には直接対応するものがない Flash 機能が多数ある ( HTML5 と Flash の比較を参照)。HTML5 のインタラクティブ機能は、2010 年 4 月頃に主流メディアの注目を集めるようになった^{[17] [18] [19] [20]。これは、} Apple 社の当時の CEOであったSteve Jobs が「Flash に関する考察」と題する公開書簡で「ビデオの視聴や Web コンテンツの消費に Flash はもはや必要ない」ことと「モバイル時代に作成された HTML5 などの新しいオープン スタンダードが勝利する」ことを結論付けた後のことである。^[21]これにより、ウェブ開発界では、HTML5は機能が強化されているものの、開発者は標準のさまざまな部分に対するさまざまなブラウザのサポートや、HTML5とFlashのその他の機能の違いを考慮する必要があるという議論が巻き起こった。^[22] 2011年11月初旬、Adobeはモバイルデバイス向けのFlashの開発を中止し、HTML5を使用したツールの開発に注力すると発表した。^[23] 2017年7月25日、AdobeはFlashの配布とサポートの両方を2020年末までに終了すると発表した。^[24] Adob​​e自体は2020年12月31日にFlashを正式に中止し、2021年1月12日以降、すべてのFlashコンテンツはFlash Playerで実行できなくなった。^[25]

2011年2月14日、W3CはHTMLワーキンググループの憲章をHTML5の明確なマイルストーンとともに延長した。2011年5月、ワーキンググループはHTML5を「ラストコール」に進め、W3C内外のコミュニティに仕様の技術的妥当性を確認するよう呼びかけた。W3Cは、勧告の目標日である2014年までに完全な仕様の幅広い相互運用性を達成するための包括的なテストスイートを開発した。^[26] 2011年1月、WHATWGは「HTML5」仕様をHTML Living Standardと改名した。それでもW3CはHTML5をリリースするプロジェクトを継続した。^[27]

2012年7月、WHATWGとW3Cはある程度の分離を決定しました。W3CはHTML5の仕様策定作業を継続し、WHATWGが「スナップショット」とみなす単一の決定的な標準に焦点を当てます。WHATWG組織は、HTML5を「生きた標準」として扱い、作業を継続します。生きた標準の概念は、決して完成することはなく、常に更新され、改善されるというものです。新しい機能が追加されることはあっても、機能が削除されることはありません。^[28]

2012年12月、W3CはHTML5を候補勧告に指定した。^[29] W3C勧告への昇格基準は「100%完成し、完全に相互運用可能な2つの実装」である。^[30]

2014年9月16日、W3CはHTML5を勧告案に移行した。^[31] 2014年10月28日、HTML5はW3C勧告としてリリースされ、^[32]仕様策定プロセスが完了した。^[5] 2016年11月1日、HTML 5.1がW3C勧告としてリリースされた。^[33] 2017年12月14日、HTML 5.2がW3C勧告としてリリースされた。^[34]

W3Cは2018年3月27日にHTML5を廃止しました。^[35]さらに、廃止されたのはHTML 4.0、^[36] HTML 4.01、^[37] XHTML 1.0、^[38] XHTML 1.1でした。^[39] HTML 5.1、HTML 5.2、HTML 5.3はすべて2021年1月28日に廃止され、HTMLリビングスタンダードが採用されました。^{[3] [40]}

HTML5、HTML 5.1、HTML 5.2、HTML 5.3 の W3C 勧告の総合的なタイムライン:

W3Cは、2つの標準が存在することは有害であると判断し、2019年5月28日にHTMLとDOMの標準に関する権限をWHATWGに譲渡しました。 ^{[45] [46] [47] [4]}現在はHTML Living Standardが権威を持っています。ただし、W3Cは引き続きHTMLの開発プロセスに参加します。

権限を譲る前、W3CとWHATWGはHTML5の開発に協力しているという特徴があったが^[11] 、2012年7月の分裂以来、目的が食い違っているという特徴もあった^{[28] [5]}。W3Cの「HTML5」標準はスナップショットベース（HTML5、HTML 5.1など）で静的であるのに対し、WHATWGの「HTMLリビングスタンダード」は継続的に更新されている。この関係は「脆弱」で「亀裂」とさえ言われ^[48]、「口論」が特徴的であった^{[5] 。}

少なくとも1つのケース、すなわち要素の許容内容に関しては、2つの仕様は直接矛盾しており（2018年7月現在）、W3Cの定義ではWHATWGの定義よりも幅広い用途が許可されている。^{[49] [50]}<cite>^{[アップデート]}

WHATWG 仕様 (編集者: Ian "Hixie" Hickson )の「はじめに」セクションはW3C を批判している。例えば、「注意:我々は W3C にこの仕様の一部を再発行しないように依頼したが、W3C はこの仕様の一部を別の文書として再発行している。」とある。また、「歴史」サブセクションでは、W3C が Hickson と WHATWG の当初の HTML5 計画に抵抗し、遅ればせながらその流れに乗ったと描写している (Hickson は W3C HTML5 仕様も管理していたが)。いずれにせよ、これは両組織の間に大きな哲学的隔たりがあることを示している: ^[51]

その後、両グループは何年も協力して作業を進めました。しかし、2011 年に両グループは目標が異なるという結論に達しました。W3C は「HTML5」の「完成版」を公開したいと考えていたのに対し、WHATWG は HTML の Living Standard の作業を継続し、既知の問題がある状態で仕様を凍結するのではなく継続的に維持し、必要に応じて新機能を追加してプラットフォームを進化させたいと考えていました。

それ以来、WHATWG はこの仕様 (およびその他の仕様) に取り組んでおり、W3C は WHATWG による修正をドキュメントのフォーク (その他の変更も含む) にコピーしています。

両団体は2019年5月28日にHTMLの単一バージョンを共同で開発する協定に署名した。^[52]

上記の要素の矛盾に加えて、2018 年 9 月現在、2 つの標準間のその他の違いには少なくとも次のものが含まれます。 <cite>^{[アップデート]}

次の表は、2018 年 9 月現在、Mozilla 開発ネットワークから提供された、^{[アップデート]}標準の 1 つに固有の HTML 要素と主要ブラウザーとの互換性に関するデータを示しています。

W3C は、より迅速な進歩を遂げるための計画の重要な部分として、モジュール性への依存を高めることを提案しました。つまり、仕様で提案されているか、すでに存在しているかにかかわらず、特定の機能を特定し、それらを個別の仕様として発展させるということです。当初 HTML5 自体で定義されていた一部のテクノロジは、現在では個別の仕様で定義されています。

• HTML ワーキング グループ — HTML Canvas 2D コンテキスト;
• 没入型ウェブワーキンググループ — WebXRデバイスAPI、WebXRゲームパッドモジュール、WebXR拡張現実モジュールなど^[88]
• Webアプリケーションワーキンググループ — Webメッセージング、Webワーカー、Webストレージ、WebSocket、サーバー送信イベント、Webコンポーネント^[89]（ただし、これはHTML5の一部ではありませんでした）。Webアプリケーションワーキンググループは2015年10月に閉鎖され、その成果物はWebプラットフォームワーキンググループ（WPWG）に移管されました。
• IETF HyBi ワーキング グループ — WebSocket プロトコル;
• WebRTC ワーキンググループ — WebRTC ;
• Web メディア テキスト トラック コミュニティ グループ — WebVTT。

元の HTML5 仕様から削除された機能の中には、MicrodataやCanvasなど、モジュールとして個別に標準化されているものもあります。Polyglotマークアップなど、HTML5 拡張機能として導入された技術仕様も、モジュールとして標準化されています。SVGなど、もともと個別の仕様であった W3C 仕様の中には、HTML5 拡張機能または機能として採用されているものもあります。HTML5 の標準化を遅らせた可能性のある機能の中には、代わりに今後の仕様として標準化されたり、標準化される予定のものもありました。

HTML5 では、現代のウェブサイトでの一般的な使用法を反映した要素と属性が<div>導入されています。その中には、一般的なブロック ( ) 要素とインライン ( <span>) 要素の一般的な使用法の意味的な置き換えとなるものもあります。たとえば、<nav>(ウェブサイトのナビゲーション ブロック)、<footer>(通常、ウェブ ページの下部または HTML コードの最後の行を参照)、またはの代わりに<audio>とが使用されます。^{[90] [91] [92]} HTML 4.01 で非推奨とされた要素の一部は削除されました。これには、効果がより高機能なカスケーディング スタイル シートに取って代わられて久しい、純粋にプレゼンテーション的な要素である や が含まれます。^{[93]また、}動的なウェブ ページを作成するために使用されるクライアント側JavaScriptの重要性が改めて強調されています。^[要出典]<video><object><font><center>

HTML5の構文は、マークアップの類似性にもかかわらず、もはやSGMLに基づいていません^{[94] [95] 。しかし、HTMLの古いバージョンの一般的な解析との下位互換性を保つように設計されました。それは、SGML}文書型宣言のように見える新しい導入行を備えており、<!DOCTYPE html>標準に準拠したレンダリングモードをトリガーします。^[96] 2009年1月5日以降、HTML5には、以前は独立したWHATWG仕様であったWeb Forms 2.0 も含まれています。^{[97] [98]}

HTML5ではマークアップの指定に加え、JavaScriptで使用できるスクリプトアプリケーションプログラミングインターフェース（API）も指定しています。^[100]既存のドキュメントオブジェクトモデル（DOM）インターフェースが拡張され、事実上の機能が文書化されています。また、次のような新しいAPIもあります。

• キャンバス; ^[101]
• タイムドメディア再生^[102]
• オフライン; ^[103]
• 編集可能なコンテンツ; ^[104]
• ドラッグアンドドロップ; ^[105]
• 歴史; ^[106]
• MIMEタイプとプロトコルハンドラの登録^{[107] [108]}
• マイクロデータ; ^[109]
• ウェブメッセージング; ^[110]
• Webストレージ–クッキー に似た動作を提供するキーと値のペアのストレージフレームワークですが、ストレージ容量が大きく、APIが改善されています。^[111]

上記の技術のすべてがW3C HTML5仕様に含まれているわけではありませんが、WHATWG HTML仕様には含まれています。 ^[112] W3C HTML5またはWHATWG HTML仕様のいずれにも含まれていない関連技術には、次のようなものがあります。W3Cはこれらの技術の仕様を別途公開しています。

• 地理位置情報;
• IndexedDB  – インデックス付き階層型キーバリューストア（旧WebSimpleDB）^[113]
• ファイル^[114]  – ファイルのアップロードとファイル操作を処理するためのAPI。^[115]
• ディレクトリとシステム – データベースでは十分に対応できないクライアント側ストレージのユースケースを満たすことを目的としたAPI。^[116]
• ファイルライター – ウェブアプリケーションからファイルに書き込むためのAPI。^[117]
• Web Audio ^[118]  – Webアプリケーションでオーディオを処理および合成するための高レベルJavaScript API。
• クラスリスト^[119]
• ウェブ暗号化API ^[120]
• ウェブRTC ^[121]
• Web SQLデータベース – ローカルSQLデータベース（現在はメンテナンスされていません）^[122]

HTML5ではウェブページ内でアニメーションを提供することはできません。HTML要素をアニメーション化するには、追加のJavaScriptまたはCSS3が必要です。JavaScriptとHTML 4 ^{[123] [検証失敗]}を使用してアニメーション化することも、SMILを介してSVG要素内でアニメーション化することもできますが、後者のブラウザサポートは2011年時点では不均一です^{[アップデート]}。

XML文書は、またはなどのXMLインターネットメディアタイプ（「MIMEタイプ」と呼ばれることが多い）^[100]で提供される必要があり、厳密で整形式のXML構文に準拠している必要があります。XHTML5は、XMLメディアタイプの1つで送信される、単にXMLシリアル化されたHTML5データ（つまり、閉じられていないタグがないなど、XHTMLの厳格な要件に制約されたHTML5）です。HTMLとXHTMLの両方の仕様に準拠するように記述され、したがってHTMLとして解析されてもXMLとして解析されても同じDOMツリーを生成するHTMLは、ポリグロットマークアップとして知られています。^[124]application/xhtml+xmlapplication/xml

XHTML5にはDTDはありません。^[125]

HTML5は、古いブラウザが新しいHTML5構造を安全に無視できるように設計されています。^[8] HTML 4.01とは対照的に、HTML5仕様は、準拠したブラウザが誤った構文を解析したときに同じ結果を生成することを意図して、字句解析と解析の詳細なルールを提供します。 ^{[126] HTML5は現在、「}タグスープ」文書に対して一貫した動作を定義していますが、これらの文書はHTML5標準に準拠していません。^[126]

2011年9月30日に発表された報告書によると、世界のトップ100ウェブサイトのうち34がHTML5を使用しており、採用は検索エンジンとソーシャルネットワークが主導している。^[127] 2013年8月に発表された別の報告書によると、米国のフォーチュン500企業のうち153社が自社のウェブサイトにHTML5を実装している。^[128]

2014 年以降、HTML5 はほとんどの一般的なレイアウト エンジンで少なくとも部分的にサポートされています。

以下に、相違点と具体的な例を簡単に列挙します。

• 新しい解析ルール: 柔軟な解析と互換性を重視し、SGML に基づいていません。
• インラインSVGとMathMLを使用する機能text/html
• 新しい要素: article、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、​​​​​​​​​​​​​​​​​​​​​​​​​​asideaudiobdicanvascommanddatadatalistdetailsembedfigcaptionfigurefooterheaderkeygenmarkmeternavoutputprogressrprtrubysectionsourcesummarytimetrackvideowbr
• 新しいタイプのフォームコントロール: dates and times、、、、、、、、^[ 129 ]emailurlsearchnumberrangetelcolor
• 新しい属性: charset(on meta)、async(on script)
• グローバル属性（すべての要素に適用可能）: id、、、tabindex（カスタムデータ属性）hiddendata-*
• 非推奨の要素は完全に削除されます: acronym、、、、、、、、、、、、、、、appletbasefontbigcenterdirfontframeframesetisindexnoframesstrikett

W3Cワーキンググループは「HTML5とHTML4の相違点」^[130]を公開しており、 HTML5とHTML4の間の追加、削除、変更の完全な概要を示しています。

2011年1月18日、W3CはHTML5の使用や関心を表すロゴを導入した。W3Cがこれまでに発行した他のバッジとは異なり、このロゴは特定の標準の有効性や準拠を意味するものではない。2011年4月1日現在、このロゴは公式である。^[131]

最初に公開したとき、W3CはHTML5のロゴを「HTML5、CSS、SVG、WOFFなど、幅広いオープンウェブ技術の汎用ビジュアルアイデンティティ」と発表しました。^[132] Web Standards Projectを含む一部のウェブ標準支持者は、「HTML5」を包括的な用語として定義することを批判し、用語の曖昧さと誤解の可能性を指摘しました。^[132] 3日後、W3Cはコミュニティのフィードバックに応えてロゴの定義を変更し、関連技術の列挙を削除しました。^[133] W3Cはその後、ロゴは「現代のウェブアプリケーションの礎であるHTML5を表現している」と述べました。^[131]

BBC、Google、Microsoft、Apple Inc.などの業界関係者は、デジタル著作権管理（DRM）の一種であるEncrypted Media Extensions（EME）^{[134] [135] [136] [137] [138]}をHTML5標準に含めるようロビー活動を行ってきた。2012年末から2013年初頭の時点で、Free Software Foundation ^[140]を含む27の組織^[139]が、デジタル著作権管理をHTML5標準に含めることに反対するキャンペーンを開始した。^{[141] [142]}しかし、2013年9月下旬、W3C HTMLワーキンググループは、DRMの一種であるEncrypted Media Extensionsは「対象範囲内」であり、HTML 5.1標準に含まれる可能性があると決定した。^{[143] [144]} WHATWGの「HTML Living Standard」は、DRM対応の提案なしで開発が続けられた。^[144]

W3Cのメンバーであるマヌ・スポルニーは、EMEは本来取り組むべき問題を解決しないと述べた。^[145] 反対派は、EME自体はDRMプラグインメカニズムのアーキテクチャに過ぎないと指摘している。^[146]

HTML5 の DRM を最初に実現したのは Google ^[147]と Microsoft でした。^[148]また、Adobe も支持しています。^[149] 2014 年 5 月 14 日、Mozilla は、 DRM を回避した最後の主要ブラウザであるFirefoxで EME をサポートする計画を発表しました。 ^{[150] [151]} Mozilla の Andreas Gal は、これを「困難で不快なステップ」と呼び、Firefox の将来のバージョンはオープンソースのままですが、Adobe が開発したコンテンツ復号化モジュールを実行するように設計されたサンドボックスが付属すると説明しました。 ^[150]その後、コンテンツプロバイダーによってはるかに広く採用されている Google の Widevine モジュールに置き換えられました。Mozilla のエグゼクティブ チェアMitchell Baker は、「代替ソリューションに取り組む」ことを約束しながらも、 EME の実装を拒否しても、多くのユーザーにブラウザを切り替えるよう説得する以上の成果は得られないだろうと述べました。^{[151]この決定は、} Cory DoctorowとFree Software Foundationによって非難されました。^{[152] [153]}

2023年12月現在、W3CはEMEに関する見解を変更し、「暗号化メディア拡張機能（EME）は、Web上で映画やテレビを視聴する際に、相互運用性、プライバシー、セキュリティ、アクセシビリティ、ユーザーエクスペリエンスを向上させる」と述べています。^[154]

• HTML5 のキャッシュ マニフェスト
• キャンバス要素
• AppleのHTML5仕様編集者、デイブ・ハイアット氏
• GoogleのHTML5仕様の主要編集者、イアン・ヒクソン氏
• 多言語マークアップ

• WHATWG の HTML Living standard、GitHub リポジトリ
• W3C マークアップ検証サービス (Nu Html Checker を含む)
• W3Cの最後のHTML勧告であるHTML 5.2が廃止された。
• W3C と WHATWG 間の覚書
• HTML メディア拡張ワーキンググループ
• HTML.next、HTML の将来のバージョンに対する機能要求