HTML5

仕様

狭義のHTML5は新しく追加されたマークアップ要素のことを言う。広義には次世代Webアプリケーション作成のために追加されたJavaScript APIやSVG等のブラウザの新機能を含む。一般的にHTML5と言った場合は広義のHTML5を指すようだ。

  • HTML5 HTML文法とマークアップに関する仕様
    • Form
    • canvas
    • video
    • audio
    • SVG
  • Server-Sent Events サーバ側からのイベント通知による通信に関する仕様
  • Web Sockets ブラウザとサーバの双方向通信に関する仕様
  • クライアントサイドストレージ クライアント側のキーバリューストレージのインターフェース仕様
  • workers マルチスレッドプログラミングを可能にするワーカスレッドの仕様
  • Geolocation API 位置情報の取得APIに関する仕様
  • Application Cache API
  • File API
  • Drag and Drop API
  • HTML Canvas

XML or HTML

HTML5の文書は、XHTML、HTMLいずれの文法でも記述できる。

HTML5の文書を受け取ったブラウザは、content-typeを見てXHTML(XML)として処理するか、HTMLとして処理するか決める。XHTMLの文法で書かれ、content-typeがapplication/xhtml+xmlで配信されるHTML5の文書は、ValidなXML であるか、少なくとも整形式でなければパースエラーとなるだろう。

現状、多くのブラウザは、XHTML文法で書かれtext/htmlとして配信された文書を(XHTML文書としてではなく)HTML文書として解釈する。これは仕様ではNGだが、HTML5文書もそのように処理されると思われる。

XHTMLHTML
Content-Typeapplication/xhtml+xmltext/html
Doctypeなし<!DOCTYPE html>
XML宣言<?xml version=“1.0” encoding=“utf-8” ?>なし
空要素<br/><br>
<!DOCTYPE html>
<html>  
  <head>  
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
    <title>HTML文法で書くHTML5</title>  
    <link rel="stylesheet" href="html.css" type="text/css">  
  </head>  
  <body>  
  </body>  
</html>

XMLとして記述する場合、文法はXHTML1と同様(空要素は />で閉じる等)。

<?xml version="1.0" encoding="utf-8"?>  
<html xmlns="http://www.w3.org/1999/xhtml">  
  <head>  
    <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />  
    <title>XHTML文法で書くHTML5</title>  
    <link rel="stylesheet" href="xhtml.css" type="text/css" />  
  </head>  
  <body>  
  </body>  
</html>

XHTMLで記述した場合、文書はXMLとしてパースされることが期待される。XMLとしてパースされた場合、

等の制限がある。

新機能一覧

  • アプリケーション機能強化
    • 入力フォームの追加(datetime、number、email、url)等
    • データグリッド・プログレスバー等
  • Ajax(XMLHttpRequest)の標準化
    • 今まで仕様書がなく、各ベンダがお互い見様見真似で実装していたが、文書化する。
  • Web Workers バックグラウンドタスクへの対応
  • Web Sockets サーバとの双方向通信
  • 特定のマークアップの標準化
    • 記事本文、ナビゲーションエリア、ヘッダ・フッタ、会話文、出力結果などよくあるマークアップを専用タグ化
  • 外部リソースに対する新しい要素
    • video、audio、figure、source要素
  • データ表示用の要素
    • datagrid要素(ツリービュー、リストビュー)
  • ビットマップイメージの表示と操作
  • ドラッグ&ドロップ
  • データテンプレート
  • デスクトップアプリケーションのようなメニュー・コンテキストメニューを作成可能に

新機能(フォーム関連)

HTML5のフォーム

変更点多数!!

  • 新しいinput type
    • search url email tel date time week month number range color
  • 入力サジェスト(input list属性とdatalist要素)
  • form method属性のDELETE、PUT対応
  • ネストしていないform要素とinput select要素の関連付け(input select要素のform属性)
  • フォーム入力値バリデーション
    • 入力必須項目の明示(required属性)
    • 正規表現マッチング(pattern属性)
  • select要素のoptionの内容を外部参照可能に(select data属性)
 
html/html5.txt · 最終更新: 2010/05/30 00:12 by nullpon
 
特に明示されていない限り、本Wikiの内容は次のライセンスに従います:CC Attribution-Noncommercial-Share Alike 3.0 Unported
Recent changes RSS feed Donate Powered by PHP Valid XHTML 1.0 Valid CSS Driven by DokuWiki