HTML5とは (エイチティーエムエルファイブとは) [単語記事]

HTML5とは、一般に、モダンな（古っぽくない）ウェブ技術の総称である。

概要

もともとHTML5という呼称は通称だったが、のちに正式な仕様書名となった。しかし同仕様はその後、HTML Standard（HTML標準）に改称されている。HTML標準は、旧来のHTML仕様の大幅改定となる^[1]新しい規格。「そもそもHTMLって何？」という人はHTMLを参照の事。

改定に関しては2004年頃に計画され、2014年頃から各ブラウザの対応が進んだ。様々な新機能があり、特に動画や音楽といったマルチメディアの部分に力が入れられている。なお、歴史やHTML 5.1などとの違いについては以下の記事を参照。

W3Cのは『欠陥フォーク』！？ HTMLスナップショット2016

今日HTML5という呼称は、新しい仕様や新しい技術を指して曖昧に用いられたり、HTML5プレーヤーのように「ブラウザプラグインに依存しないRIA」という意味で使われたりもする。ニコニコ動画では2016年になり、従来のAdobe Flash Playerに依存したニコニコプレーヤーからHTML5プレーヤーへの切り替えを進めている。

この記事では、2016年現在において比較的新しい仕様をいくつか取り上げる。

HTML 4.01 や XHTML 1.1 との違い

HTML 4.01などの旧来のHTML仕様は、SGMLという言語の一種（SGMLと互換性がある）として作られたが、SGMLとして構文解析を行うブラウザはなかった。HTML標準はXMLなどと同じく、SGMLの派生（SGMLと互換性がない）としてHTML構文を定義した。^[2]HTML標準では、XMLと互換性のある構文としてXHTML構文も定義している。

HTML標準の定義されている要素（タグ）や属性は、HTML 4.01、およびXHTML 1.1を引き継いでおり、策定が中止されたXHTML 2.0の構想も一部含む。

またHTML標準は、要素（タグ）や属性の意味を定義するだけでなく、従来別の仕様だった「HTMLにおけるDOM」も定義している。さらにWeb Workersというバックグラウンド処理を行うAPIなども含まれており、全体としてかなり大きな仕様書となった。

HTML標準に含まれるもの

HTML標準はWHATWG^[3]で策定が進められており、W3Cが共同で作業に加わっていた時期もあった。

動画及び音楽再生

動画及び音楽再生は、従来のHTMLでは不可能でAdobe Flash PlayerやWindows Silverlight等のブラウザプラグインと呼ばれるソフトウェアが必要であった。だが、このプラグインはセキュリティ問題の温床となりやすく、動作が重いという欠点があった。この欠点を解消した機能と言える。

動画再生は上記のAdobe Flash Playerで行われる場合が多かったが、iPhoneのAdobe Flash Player未対応（この未対応に関して当時のAppleの社長だったスティーブ・ジョブズが「Flashは有害である」と発言した）により、一気にブラウザプラグインに依存しない動画再生への移行が進んだ。

video要素（<video>タグ）やaudio要素が用いられる。

2D描画コンテキスト (Canvas 2D)

その名の通り2Dで描くためのAPI。これによって、従来Java AppletやAdobe Flash Playerを作っていたお絵かきBBSのペイントツールやお絵かきチャットが、プラグイン不要で簡単に実装できるようになった。RPGツクールMVもこの機能を用いている。

canvas要素が用いられる。

Web Storage

Cookieによく似ているが大容量のため、様々な事が出来る。

HTML標準以外の標準仕様

WebGL^[4]

3Dを表示するためのAPIであるOpenGLをウェブ上でも使えるようにした物。これによりウェブ上での3D表現が大幅に向上し、ウェブゲーム開発の幅が一気に広がった。UnityやUnreal Engine 4がこのWebGL出力モードを搭載している。また、RPGツクールMVもこの機能を用いている。

canvas要素が用いられる。

File API^[5]

文字通り、ファイル（の中身）を操作するためのAPI。ユーザーが選択したローカル上のファイルをブラウザに取り込み、サーバーと通信することなく扱うことが出来る。

Clipboard API and events^[6]

ユーザーがクリックしたタイミングなどで任意のデータをクリップボードへコピーしたり、切り取り、コピー、貼り付けを監視したり出来る。

CSS3 / CSS4 について

「CSS3」や「CSS4」と呼べる仕様はないが、HTML5と似たように、比較的新しいCSSの仕様書や技術を指した総称として用いられているようだ。

CSS 2.1は巨大な仕様であったため、勧告までに非常に長い時間がかかった。そのためCSS 2.1より後の仕様書は、機能ごとに分けて策定作業が進められることになった。CSS 2.1に含まれていた機能の後継仕様は「CSS Color Module Level 3」のように「Level 3」から番号が振られているが、CSS 2.1に存在しなかった機能の仕様書は「Level 1」から番号付けされる。

たとえば「CSS Flexible Box Layout Module Level 1」は、俗に「CSS3 Flexbox」と呼称されている。CSS以外でも利用されるため、CSSを冠しなくなった「Selectors Level 3」「Selectors Level 4」は、俗に「CSS3セレクタ」「CSS4セレクタ」と呼ばれることがある。

なお、CSS関連についてはW3Cで策定が進められている仕様が多い。

ハイブリットアプリケーション

HTML（とCSSとJavaScript）の機能を用いて作ったPCやスマホ上で動くアプリケーションの事。従来のHTMLやウェブアプリケーションの知識を流用でき、ウェブ上でもPCやスマホ上でも動かさせるマルチプラットフォームのアプリケーションを比較的簡単に制作できる利点がある。RPGツクールMVで製作したゲームがこれにあたる。

外部リンク

脚注

*一から完全に書き直された
*このHTML構文では、<img src="url" alt="" /> のようなXMLと互換性のある書き方も可能となっている。
*標準化団体の一つ。正式名称は「Web Hypertext Application Technology Working Group」。
*Khronos Groupで策定が進められている。
*W3Cで策定が進められている。
*W3Cで策定が進められている。

HTML5 単語

概要

HTML 4.01 や XHTML 1.1 との違い