| HTML5 | |
|---|---|
| ファイル名拡張子 | .html、.htm |
| インターネットメディアの種類 | テキスト/HTML |
| タイプコード | 文章 |
| 統一型識別子(UTI) | 公開.html [ 1 ] |
| 開発者 |
|
| 初回リリース | 2008年1月22日[ 2 ] (2008年1月22日) |
| 最新リリース | |
| フォーマットの種類 | マークアップ言語 |
| 延長 | HTML4、XHTML1、DOM2 HTML |
| 延長 | HTML LS |
| 標準 | HTML 5.2 |
| オープンフォーマット? | はい |
| HTML |
|---|
| HTMLとそのバリエーション |
| HTML要素と属性 |
| 編集 |
| 文字エンコーディングと言語 |
| ドキュメントとブラウザモデル |
| クライアント側スクリプトとAPI |
| グラフィックスとWeb3Dテクノロジー |
| 比較 |
HTML5(Hypertext Markup Language 5)は、ワールド・ワイド・ウェブ( World Wide Web)上でハイパーテキスト文書を構造化し、表示するために用いられるマークアップ言語です。これは、ワールド・ワイド・ウェブ・コンソーシアム(W3C)の勧告としては廃止された、5番目にして最後のメジャーHTMLバージョン[ 4 ]でした。現在の仕様は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月に開催されたワールド・ワイド・ウェブ・コンソーシアムのワークショップでポジションペーパーを発表した。[ 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 の一部の機能はAdobe Flashとよく比較されますが、この 2 つの技術は非常に異なります。どちらも、ウェブページ内で音声や動画を再生する機能と、ベクター グラフィックを使用する機能を備えています。ただし、 HTML5だけではアニメーションやインタラクティブ機能は使用できません。CSS3またはJavaScriptで補完する必要があります。HTML5 に直接対応するものがない Flash 機能も多数あります ( 「HTML5 と Flash の比較」を参照)。HTML5 のインタラクティブ機能は、2010 年 4 月頃に主流メディアの注目を集めるようになりました[ 17 ] [ 18 ] [ 19 ] [ 20 ]。これは、当時Apple 社のCEO であったSteve Jobs が「Thoughts on Flash」と題する公開書簡で「動画の視聴やウェブ コンテンツの消費に Flash はもはや必要ない」こと、「モバイル時代に作られた HTML5 などの新しいオープン スタンダードが勝利する」と結論付けたことがきっかけでした。[ 21 ]これはウェブ開発界隈で議論を巻き起こし、HTML5 は拡張機能を提供する一方で、開発者は標準のさまざまな部分に対するさまざまなブラウザサポートや、HTML5 と Flash のその他の機能の違いを考慮する必要があることが示唆された。 [ 22 ] 2011 年 11 月初旬、Adobe はモバイルデバイス向け Flash の開発を中止し、HTML5 を使用したツールの開発に注力すると発表した。[ 23 ] 2017 年 7 月 25 日、Adobe は 2020 年末までに Flash の配布とサポートの両方を終了すると発表した。 [ 24 ] Adobe 自体は 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を「リビングスタンダード」として位置づけ、その作業を継続します。リビングスタンダードのコンセプトは、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 勧告の総合的なタイムライン:
| バージョン | 最初の草稿 | 候補者の推薦 | おすすめ | 引退 |
|---|---|---|---|---|
| HTML5 | 2007年5月1日[ 41 ] | 2012年12月17日 | 2014年10月28日 | 2018年3月27日[ 42 ] |
| HTML 5.1 | 2012年12月17日 | 2016年6月21日 | 2016年11月1日 | 2021年1月28日[ 43 ] |
| HTML 5.1第2版 | 該当なし | 2017年6月20日 | 2017年10月3日 | |
| HTML 5.2 | 2016年8月18日 | 2017年8月8日 | 2017年12月14日 | 2021年1月28日[ 3 ] |
| HTML 5.3 | 2017年12月14日[ 44 ] | 該当なし | 該当なし | 2021年1月28日[ 40 ] |
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仕様(イアン・ヒクシー・ヒクソン編集)の「はじめに」セクションはW3Cを批判している。例えば、「注: W3Cはこれをやめるよう要請しているにもかかわらず、この仕様の一部を別の文書として再公開しています」とある。さらに「歴史」サブセクションでは、W3CがヒクソンとWHATWGの当初のHTML5計画に抵抗し、その後遅ればせながら追随した(もっとも、ヒクソンはW3CのHTML5仕様も管理していたが)。いずれにせよ、これは両組織間の大きな哲学的隔たりを示している。[ 51 ]
その後、両グループは長年にわたり協力して活動してきました。しかし、2011年に両グループは目標が異なるという結論に達しました。W3Cは「HTML5」の「完成版」を公開したいと考えていたのに対し、WHATWGはHTMLのLiving Standard(生きた標準)の策定作業を継続し、既知の問題を抱えたまま仕様を凍結するのではなく継続的に維持し、プラットフォームの進化に必要な新機能を追加したいと考えていました。
それ以来、WHATWG はこの仕様 (およびその他の仕様) に取り組んでおり、W3C は WHATWG による修正をドキュメントのフォーク (その他の変更も含まれています) にコピーしています。
両団体は2019年5月28日にHTMLの単一バージョンを共同で開発するための協定に署名した。[ 52 ]
上記の要素の矛盾に加えて、2018 年 9 月現在、2 つの標準間のその他の違いとしては、少なくとも次の点が挙げられます。 <cite>
| 特徴 | W3C [ 53 ] | WHATWG [ 54 ] |
|---|---|---|
| サイトのページネーション | 単一ページ版[ 55 ](コンテンツのグローバル検索が可能) | |
| 章 | §5マイクロデータ[ 56 ] §9コミュニケーション[ 57 ] §10ウェブワーカー[ 58 ] §11ウェブストレージ[ 59 ] | |
| グローバル属性 | : [ 60 ]class、id | : [ 61 ]autocapitalize、、、、、、、、、、、enterkeyhintinputmodeisitemiditempropitemrefitemscopeitemtypenonce |
| HTMLの章要素 | §4.13カスタム要素[ 62 ] | |
| 要素 | <rb>, [ 63 ] <rtc>[ 64 ](下記の互換性に関する注記を参照。)
| <hgroup>、[ 66 ]<menu>、[ 67 ] <slot>[ 68 ](下記の互換性に関する注記を参照。)
|
§<meta> | §4.2.5.4.その他のプラグマディレクティブ、[ 70 ]は廃止されたWHATWGの手順に基づいています。[ 71 ] | |
| § セクション | § 4.3.11.2サンプルアウトライン[ 72 ] §4.3.11.3ユーザーへのアウトラインの公開[ 73 ] | |
| 構造化データ | RDFaを推奨する(コード例、[ 74 ] [ 65 ] [ 75 ]別仕様、[ 76 ] [ 77 ]特別な属性なし[ 60 ])。 | マイクロデータの推奨(コード例、[ 78 ] [ 79 ] [ 80 ] [ 81 ]仕様の章、[ 56 ]特殊属性[ 61 ])。 |
次の表は、2018 年 9 月現在における、Mozilla 開発ネットワークから提供された、標準の 1 つに固有の HTML 要素と主要ブラウザーとの互換性に関するデータを示しています。
| 要素 | 標準 | 互換性 | 注記 |
|---|---|---|---|
<rb>[82] | W3C | Edgeを除くすべてのブラウザ | |
<rtc>[83][84] | W3C | IEを除くすべてのブラウザ | |
<hgroup>[85] | WHATWG | すべてのブラウザ | 「HTML アウトライン アルゴリズムはどのブラウザーにも実装されていないため、<hgroup>セマンティクスは実際には理論的なものにすぎません。」 |
<menu>[86] | WHATWG | すべてのブラウザ | |
<slot>[87] | WHATWG | すべてのブラウザ |
W3Cは、より迅速な進捗を図るための計画の重要な部分として、モジュール性への依存を高めることを提案しました。これは、仕様書に提案されている機能や既に存在する機能を特定し、それらを個別の仕様として発展させることを意味します。当初HTML5自体で定義されていた一部の技術は、現在では個別の仕様として定義されています。
オリジナルのHTML5仕様から削除された機能の中には、MicrodataやCanvasなど、モジュールとして別途標準化されているものもあります。Polyglotマークアップなど、HTML5の拡張機能として導入された技術仕様もモジュールとして標準化されています。SVGなど、元々は独立した仕様であったW3C仕様の中には、HTML5の拡張機能または機能として採用されているものもあります。HTML5の標準化を遅らせた可能性のある機能の中には、代わりに将来の仕様として標準化されたり、標準化される予定のものもありました。
HTML5 では、現代のウェブサイトでの一般的な使用法を反映した要素と属性が導入されています。その一部は、汎用ブロック要素 ( <div>) やインライン<span>要素 ( ) の一般的な使用法の意味的な置き換えであり、例えば、<nav>(ウェブサイトのナビゲーションブロック)、<footer>(通常、ウェブページの下部または HTML コードの最後の行を参照)、または<audio>の<video>代わりに と が使用されます<object>。[ 90 ] [ 91 ] [ 92 ] HTML 4.01 から非推奨とされた要素の一部は削除されました。これには、効果がより高機能なカスケーディングスタイルシートに取って代わられて久しい<font>やなどの純粋にプレゼンテーション的な要素が含まれます。[ 93 ]また、動的なウェブページを作成するために使用されるクライアントサイドJavaScriptの重要性が改めて強調されています。 <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も追加されています。
上記の技術のすべてがW3C HTML5仕様に含まれているわけではありませんが、WHATWG HTML仕様には含まれています。[ 112 ] W3C HTML5仕様にもWHATWG HTML仕様にも含まれていない関連技術には、以下のものがあります。W3Cはこれらの技術について別途仕様を公開しています。
HTML5ではウェブページ内でアニメーションを実現できません。HTML要素をアニメーション化するには、JavaScriptまたはCSS3を追加する必要があります。JavaScriptとHTML 4 [ 123 ]、またSVG要素内ではSMILを介してアニメーション化することも可能ですが、2011年時点ではブラウザのサポート状況が不均一です。
XML文書は、やなどのXMLインターネットメディアタイプ(「MIMEタイプ」と呼ばれることが多い)[ 100 ]で提供される必要があり、XMLの厳密で整形式の構文に準拠している必要があります。XHTML5は、単にXMLでシリアル化されたHTML5データ(つまり、閉じられていないタグがないなど、XHTMLの厳格な要件に制約されたHTML5)であり、XMLメディアタイプの1つで送信されます。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 はほとんどの一般的なレイアウト エンジンで少なくとも部分的にサポートされています。
以下に、相違点と具体的な例を簡単に示します。
text/htmlarticle、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、asideaudiobdicanvascommanddatadatalistdetailsembedfigcaptionfigurefooterheaderkeygenmarkmeternavoutputprogressrprtrubysectionsourcesummarytimetrackvideowbrdates and times、、、、、、、、[ 129 ]emailurlsearchnumberrangetelcolorcharset(on meta)、async(on script)id、、、(カスタムデータ属性)tabindexhiddendata-*acronym、、、、、、、、、、、、、、、appletbasefontbigcenterdirfontframeframesetisindexnoframesstrikettW3Cワーキンググループは「HTML5とHTML4の相違点」[ 130 ]を公開しており、 HTML5とHTML4の間の追加、削除、変更の完全な概要を提供しています。

2011年1月18日、W3CはHTML5の利用や関心を示すロゴを導入しました。W3Cがこれまで発行してきた他のバッジとは異なり、このロゴは特定の標準への正当性や適合性を示すものではありません。2011年4月1日以降、このロゴは公式となります。[ 131 ]
W3Cは、HTML5ロゴを初めて公開した際、「HTML5、CSS、SVG、WOFFなど、幅広いオープンウェブ技術のための汎用ビジュアルアイデンティティ」と発表しました。[ 132 ]ウェブ標準プロジェクトを含む一部のウェブ標準支持者は、「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年初頭の時点で、フリーソフトウェア財団[ 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 [ 152 ] [ 153 ]
2023年12月現在、W3CはEME標準の策定を擁護し、「暗号化メディア拡張機能(EME)は、ウェブ上で映画やテレビを視聴する際に、より優れた相互運用性、プライバシー、セキュリティ、アクセシビリティ、ユーザーエクスペリエンスをもたらします」と述べています。[ 154 ]
は1997年にW3C勧告となりました。HTMLのコア機能の多くについて大まかなガイドとしての役割を担い続けていますが、相互運用可能な実装を構築するための十分な情報を提供していません。さらに重要なのは、Webコンテンツとの相互運用性です。HTML4のXMLシリアル化を定義するXHTML1や、HTMLとXHTMLの両方のJavaScript APIを定義するDOM Level 2 HTMLについても同様です。HTMLはこれらのドキュメントに取って代わります。
この文書は廃止されています。
これはW3CのHTML5の「公式」ロゴですか? はい、2011年4月1日時点では公式です。