HTML5 - 通信用語の基礎知識

例えば、articleは記事、asideは主題と無関係のセクション、headerは文書のヘッダーセクション、sectionは一般的なセクション、footerは文書のフッターセクション、といった具合である。従来なら無機質にdivだけで括っていたような文書は、このように意味のある要素で括れるようになり、文書構造をより強調できる。

この他に、HTML5の売りでもあるマルチメディア機能用に、音楽用要素audio、映像用要素video、2次元ビットマップ画像用要素canvasが追加されている。

廃止要素

一方で、CSSで実現できる、スタイルを指定するような要素類は、廃止される。

特に物理要素類は、i、b、small、sup、sub以外は、CSSに置き換え可能であるため廃止される。

acronym (→abbr)
applet (→object)
basefont
big
center
dir (→ul)
font
frame (→iframe)
frameset (→iframe)
isindex
listing
menu
nextid
noembed
noframes (→iframe)
plaintext
s
strike
tt
u
xmp

動画

種類

video要素を使い、画面に動画を貼り付けることができる。しかし、ここには弱点がある。

HTML5は、ビデオコーデックを規定していない。様々な問題があり、できないのである。

次のようなものが使われる。

問題

GoogleのYouTubeなどは、ITU-T H.264をまず採用した。しかしH.264は特許があり、利用するためにはMPEG LAに巨額のライセンス料金を支払い続けなければならない。

Mozilla Firefoxのようなオープンソースソフトウェアでは、これに対応することができない。OperaもH.264への対応を拒絶していた。そこでFirefoxとOperaは、特許による制限がなく自由に使用できる、On2 TechnologiesのVP3技術を用いたOgg Theoraを採用した。同様に、音楽のaudio要素向けにはOgg Vorbisを採用している。

GoogleもH.264に全面賛成というわけではなく、買収したOn2 TechnologiesのVP8技術をオープンソース化、ロイヤルティフリーで公開し、この技術を用いたWebMを発表し採用した。これにFirefoxとOperaも賛同、対応することになった。MicrosoftもIE9でVP8採用を表明した。

そしてGoogleは米国時間2011(平成23)年1月11日、Google ChoromeでのH.264サポートの打ち切りを表明するなどで揺さぶり攻勢をかけた。Googleには勝ち目無しと判断し弱り果てたMPEG LAは、このおかげでライセンスの一部永久無料化を発表、無料動画配信サービスなどでは無料となり、これによりFirefoxなどでも無料で再生が可能となった。

対応

それぞれのブラウザーの対応状況は次の通りである。

Internet Explorer (H.264、WebM)
Microsoft Edge (H.264、WebM)
Mozilla Firefox (H.264、Ogg Theora、WebM)
Google Chrome (H.264、Ogg Theora、WebM)
Safari (H.264)
Opera (Theora、WebM)

元々H.264陣営あったAppleのSafariはH.264にしか対応していないなど、勢力争いの状況をここから垣間見ることができる。

後継

HTML5で目指すものが膨大すぎたため紛糾し仕様がまとまらなかったため、HTML 5.0とHTML 5.1の二段階に分けてリリースされることになり、HTML 5.0の仕様策定完了と共に、HTML 5.1とCanvas 2D, Level 2の第一草案も公開された。

また、HTML 5.1の後にはHTML 5.2も策定中となっている。

HTML 5 ‐ 2016(平成28)年11月1日に勧告
HTML 5.1 ‐ 2016(平成28)年11月1日に勧告
HTML 5.2 ‐ 策定中

表記

文書型宣言

公式な文書型宣言(DOCTYPE宣言)は次となっている。

<!DOCTYPE html>

従来より大幅に簡略化されているのが特徴である。

サンプル

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Sample of HTML5</title>
    </head>
    <body>
        <p>hello, world</p>
    </body>
</html>

動向

YouTube

YouTubeは2015(平成27)年1月27日、HTML5 対応ブラウザー(Google Chrome、Internet Explorer 11、Safari 8、Mozilla Firefox)でアクセスした場合、標準設定で、従来のAdobe Flashに代えてHTML5で動画が再生されるようになった。

回線速度に応じて画質を変更する機能(ABR)への対応がHTML5でも進んだことを受け、HTML5に本格的に移行した。

YouTubeの考える、Flash→HTML5のメリットは次の5つだという。

MediaSource Extensions API
ABRがストリーミング配信にも対応し、回線に応じた解像度やビットレートが選択できるため、50%以上、混雑時は80%以上のバッファリング時間を削減できるとしている。
VP9コーデックへの対応
従来比で帯域を35%抑え、再生までの時間も15～80%高速化されるとしている。
暗号化技術など
FlashやSilverlightなどと違い、HTML5では一つのプレイヤーで複数のプラットフォームや暗号化技術に対応可能で、スムーズに再生できるとしている。
WebRTC対応
Google ハングアウトを使ったビデオチャットが、追加のプラグイン不要で、ブラウザー内で可能となる。
全画面表示
HTML5のフルスクリーンAPIで、4Kなど解像度の高い画面でも全画面表示が可能になるとしている。

HTML5への移行によって、従来のFlashを使う埋め込み機能は非推奨のレガシーとなり、今後は埋め込みもHTML5が推奨されている。

ニコニコ動画

ニコニコ動画は、その元々の由来からYouTubeと同じくAdobe Flashで作られていたが、こちらもHTML5版が作られた。

2017(平成29)年7月13日14:30(@270)頃より、HTML5版が正式版医となり提供が開始された。

生放送などへの対応がまだ不十分なことや、Flashでアップロードされた動画の再生ができないなどがある。この辺りの改善などもいずれ進められ、2017(平成29)年10月から予定されている「ニコニコ動画 (く)」からはHTML5版がメインになるものと予想される。

リンク