| 次のリビジョン | 前のリビジョン |
| html:html5 [2010/09/29 04:50] – 外部編集 127.0.0.1 | html:html5 [2025/12/27 03:36] (現在) – nullpon |
|---|
| ====== HTML5 ====== | ====== HTML5 ====== |
| W3Cの次世代HTML規格。アプリケーションプラットフォームとしての機能が大幅に強化されている。 | |
| * http://www.w3.org/TR/html5/ | |
| * http://www.w3.org/TR/html5-diff/ | |
| |
| * [[http://www.html5.jp/blog/2010/02/21/devsumi2010/?90|デブサミ2010 HTML5ライトニング・トーク « HTML5.JP ブログ]] | |
| * [[http://9elements.com/io/projects/html5/canvas/|HTML5 Canvas and Audio Experiment]] | |
| * [[http://mugtug.com/sketchpad/|Sketchpad - Online Paint/Drawing application]] | |
| |
| ===== 仕様 ===== | アプリケーションプラットフォームとしての機能が大幅に強化されたHTML規格、2014年に勧告、2021年に廃止された。2025年時点でのHTMLの最新規格は[[https://html.spec.whatwg.org/multipage/|HTML Living Standard]]である。 |
| 狭義のHTML5は新しく追加されたマークアップ要素のことを言う。広義には次世代Webアプリケーション作成のために追加されたJavaScript APIやSVG等のブラウザの新機能を含む。一般的にHTML5と言った場合は広義のHTML5を指すようだ。 | |
| |
| * [[http://www.w3.org/TR/html5/|HTML5]] HTML文法とマークアップに関する仕様 | |
| * video、audioタグ | |
| * 新しい要素 article、section等 | |
| * 新しいフォーム要素 | |
| * Application Cache API | |
| * Drag and Drop API | |
| * Common DOM Level 3 | |
| * [[http://www.w3.org/TR/eventsource/|Server-Sent Events]] サーバプッシュに関する仕様 | |
| * [[http://www.w3.org/TR/websockets/|Web Sockets]] ブラウザとサーバの双方向通信に関する仕様 | |
| * [[http://www.w3.org/TR/webstorage/|Web Storage]] クライアント側のキーバリューストレージのインターフェース仕様 | |
| * [[http://www.w3.org/TR/IndexedDB/|Indexed Database]] クライアント側のオブジェクトストレージのインターフェース仕様 | |
| * [[http://www.w3.org/TR/webdatabase/|Web SQL Database]] クライアント側のSQLストレージのインターフェース仕様 | |
| * [[http://www.w3.org/TR/workers/|Web Workers]] マルチスレッドプログラミングを可能にするワーカスレッドの仕様 | |
| * [[http://www.w3.org/TR/geolocation-API/|Geolocation API]] 位置情報の取得APIに関する仕様 | |
| * [[http://www.w3.org/TR/XMLHttpRequest2/|XMLHttpRequest Level2]] XMLHttpRequestの拡張 | |
| * [[http://www.w3.org/TR/FileAPI/|File API]] ファイルにアクセスするインターフェース | |
| * [[http://www.w3.org/TR/2dcontext/|HTML Canvas 2D Context]] - ビットマップを操作するインターフェース | |
| * [[http://www.w3.org/TR/SVG/|SVG]] XMLベースのベクタグラフィック仕様 | |
| * Selector API - DOMセレクタAPI | |
| * [[http://www.w3.org/TR/selectors-api/|Level 1]] | |
| * [[http://www.w3.org/TR/selectors-api2/|Level 2]] | |
| * [[http://www.w3.org/TR/css3-roadmap/|CSS3]] | |
| * [[http://dev.w3.org/html5/postmsg/|Web Messaging]] ドキュメント間のメッセージング仕様 | |
| * [[http://dev.w3.org/2006/webapi/WebNotifications/publish/|Notifications API]] 通知API | |
| |
| ===== XML or HTML ===== | ===== XML or HTML ===== |
| <html> | <html> |
| <head> | <head> |
| <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | <meta charset="utf-8"> |
| <title>HTML文法で書くHTML5</title> | <title>HTML文法で書くHTML5</title> |
| <link rel="stylesheet" href="html.css" type="text/css"> | <link rel="stylesheet" href="html.css"> |
| </head> | </head> |
| <body> | <body> |
| <html xmlns="http://www.w3.org/1999/xhtml"> | <html xmlns="http://www.w3.org/1999/xhtml"> |
| <head> | <head> |
| <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" /> | <meta charset="utf-8" /> |
| <title>XHTML文法で書くHTML5</title> | <title>XHTML文法で書くHTML5</title> |
| <link rel="stylesheet" href="xhtml.css" type="text/css" /> | <link rel="stylesheet" href="xhtml.css" /> |
| </head> | </head> |
| <body> | <body> |
| </html> | </html> |
| </code> | </code> |
| | |
| XHTMLで記述した場合、文書はXMLとしてパースされることが期待される。XMLとしてパースされた場合、 | XHTMLで記述した場合、文書はXMLとしてパースされることが期待される。XMLとしてパースされた場合、 |
| * [[http://www.w3.org/TR/html5/dom.html#dom-document-write|document.write() 等のHTML操作できない]] | * [[http://www.w3.org/TR/html5/dom.html#dom-document-write|document.write() 等のHTML操作できない]] |
| 等の制限がある。 | 等の制限がある。 |
| |
| | <script>や<link rel=stylesheet>のtype属性を省略した場合、それぞれtext/javascript, text/cssを指定したものとみなされる。これ以外のスクリプト、スタイルシート言語が使われることも処理可能な実装もほとんど無いので事実上常に省略可能とみなして良い。 |
| |
| |
| |
| |
