HTML5 概要
HTMLマニュアルHTML5は、HTMLの第5版で、2014年にWorld Wide Web Consortium（W3C）によって正式に標準化されました。
詳しい歴史や更新は特に知って意味なさそうと思います。
新しいバージョンで、新しい機能や要素が追加されたという理解してもいいです。
セマンティックな要素
HTML5では、セマンティックな要素が導入されました。
これにより、ウェブページの構造がより明確になり、検索エンジンやアクセシビリティツールがページの内容を理解しやすくなります。主なセマンティック要素には、<header>, <footer>, <nav>, <section>, <article>, <aside>などがあります。
以下は、HTML5で追加された新しいタグの一部です。
| タグ | 説明 |
|---|---|
| <article> | 独立したコンテンツを表す。 |
| <aside> | 補足情報やサイドバーのコンテンツを表す。 |
| <details> | 開閉可能な詳細情報を表す。 |
| <figcaption> | <figure>要素内のキャプションを表す。 |
| <figure> | 図や画像、コードスニペットなどのコンテンツを表す。 |
| <footer> | セクションやページのフッターを表す。 |
| <header> | セクションやページのヘッダーを表す。 |
| <main> | ページの主要コンテンツを表す。 |
| <mark> | 強調やハイライトされたテキストを表す。 |
| <nav> | ナビゲーションリンクを表す。 |
| <section> | 関連するコンテンツのセクションを表す。 |
| <summary> | <details>要素の要約を表す。 |
| <time> | 日付や時刻を表す。 |
図形を描ける
<canvas>要素を使って、ウェブページ上で画像を描きます。グラフやゲーム、アニメーションなどの動的なコンテンツを簡単に作成することができます。
マルチメディア
HTML5では、<video>と<audio>要素が導入され、ウェブページにビデオやオーディオコンテンツを簡単に埋め込むことができます。フラッシュやプラグインを使わずにマルチメディアコンテンツを再生できます。
ジオロケーション
HTML5のジオロケーションAPIを使用することで、ユーザーの現在地を取得し、地図やローカルサービスに適用することができます。位置情報を利用したウェブアプリケーションが容易に開発できます。
フォームの改善
HTML5では、フォーム要素が改善され、新しい入力タイプや属性が導入されました。
バリデーションや日付ピッカー、スライダーなど、従来はJavaScriptやプラグインを使用して実装していた機能が、HTMLだけで実現できるようになりました。
オフラインアプリケーション
HTML5では、オフラインアプリケーションキャッシュを利用して、ウェブアプリケーションをオフラインで動作させることができます。
インターネット接続がない状況でも、アプリケーションが動作し、データをローカルに保存できます。また、接続が復帰した際に、オフラインで行われた変更をサーバーに同期することが可能です。
コメント