単語記事: HTML5

編集  

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

概要

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

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

今日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 PlayerWindows Silverlight等のブラウザプラグインと呼ばれるソフトウェアが必要であった。だが、このプラグインセキュリティ問題の温床となりやすく、動作が重いという欠点があった。この欠点を解消した機と言える。

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

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

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

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

canvas要素が用いられる。

Web Storage

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

HTML標準以外の標準仕様

WebGL[4]

3Dを表示するためのAPIであるOpenGLウェブ上でも使えるようにした物。これによりウェブ上での3D表現が大幅に向上し、ウェブゲーム開発の幅が一気に広がった。UnityUnreal 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(とCSSJavaScript)の機を用いて作ったPCスマホ上で動くアプリケーションの事。従来のHTMLウェブアプリケーションの知識を流用でき、ウェブ上でもPCスマホ上でも動かさせるマルチラットフォームのアプリケーション較的簡単に制作できる利点がある。RPGツクールMV製作したゲームがこれにあたる。

関連動画

関連商品

外部リンク

関連項目

脚注

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

【スポンサーリンク】

携帯版URL:
http://dic.nicomoba.jp/k/a/html5
ページ番号: 5453988 リビジョン番号: 2428857
読み:エイチティーエムエルファイブ
初版作成日: 16/11/07 18:59 ◆ 最終更新日: 16/11/17 22:27
編集内容についての説明/コメント: 語CSS3を復帰し解説を付加。HTML構文に補足。動画及び音楽再生の表現修正。ローカルファイルについて修正。外部リンク。誤字修正
記事編集 / 編集履歴を閲覧
このエントリーをはてなブックマークに追加

この記事の掲示板に最近描かれたお絵カキコ

お絵カキコがありません

この記事の掲示板に最近投稿されたピコカキコ

ピコカキコがありません

HTML5について語るスレ

14 : ななしのよっしん :2016/11/30(水) 15:55:16 ID: bLhj8acdN/
ページを開いてから再生開始までは短くなるらしい

っていうか前はFlashでも変な待ち時間はかった気がするんだけどな
15 : ななしのよっしん :2016/12/07(水) 20:01:46 ID: mSjpsQruea
(・3・)あるぇ~?Flashなしで観れてたの観れなくなってね?ちょろめだけ?
16 : ななしのよっしん :2016/12/21(水) 13:52:48 ID: y9yAZezDnh
HTML5が軽いってのは正直感じないなー、下手すればFlashより重い事も多い気がする、普通に往年のFlashサイトよろしくLOADING表記に音楽アニメーションもりもりの公式サイトなんて腐るほど見るからな

実際のメリットプラグインフリーセキュリティ性上昇と、オープンであることの取り回し、一社独占でない健全性ってとこだろう
17 : ななしのよっしん :2016/12/27(火) 20:36:04 ID: yVSp3hTQmq
そりゃ何も考えずに色々やって積みまくってたら重くなるのは当たり前のこと
ほぼ同じ動作をするプログラム較すれば良い
18 : ななしのよっしん :2017/01/23(月) 15:27:49 ID: hjMyTh8Ivu
「まともに」使えばかに軽いぞ
19 : ななしのよっしん :2017/03/24(金) 23:44:11 ID: oT2wBzXn2U
参考までにこんな感じ。
http://www.digital-catalog.jp/whatis/flashdiff/

処理が若干違うので厳密な較ではないが、原則としてはHTML5の方が速い。
20 : ななしのよっしん :2017/03/25(土) 01:05:14 ID: 0nZpsB/DD3
お絵カキコhtml5に対応しましたね。
21 : ななしのよっしん :2017/04/17(月) 20:23:45 ID: fJb93dY7r2
https://html5test.com/
22 : ななしのよっしん :2017/04/19(水) 23:05:15 ID: p+KuVyBaJ2
AudioWorklet が制定されて実装されればピコカキコHTML5 化する可能性が微レ存…?
23 : ななしのよっしん :2017/10/19(木) 22:38:49 ID: nK3YuNlbzb
Flashなんてとっくの昔にサポート終了してるしな
ニコニコニューストピックス
電ファミwiki
  JASRAC許諾番号: 9013388001Y45123
  NexTone許諾番号: ID000001829