HTML5の新要素タグ一覧｜article・canvas・videoなどの役割を徹底解説
HTML5とは
HTML5は、これまでの標準であるHTML 4.01、XHTML 1.0、XHTML 1.1に代わる、HTML標準の次世代メジャーリビジョンです。World Wide Web上でコンテンツを構造化し、表示するための最新の標準規格として策定されました。
HTML5は、World Wide Web Consortium（W3C）とWeb Hypertext Application Technology Working Group（WHATWG）という2つの団体が協力して策定した規格です。
開発者を支援する新しいタグ
HTML5では、開発者の作業を効率化し、より意味的（セマンティック）なマークアップを可能にするために、数多くの新しいタグ（要素）が導入されました。主な新要素とその役割は以下の通りです。
| タグ（要素） | 説明 |
|---|---|
| <article> | ブログ記事や新聞記事など、ドキュメント内の独立したコンテンツを表します。 |
| <aside> | ページの他の部分との関連性が低い補足的なコンテンツを表します。 |
| <audio> | 音声ファイルを定義します。 |
| <canvas> | グラフやゲームなど、動的なビットマップグラフィックスをリアルタイムに描画するために使用します。 |
| <command> | ユーザーが実行できるコマンドを表します。 ※現在の仕様では廃止されています。 |
| <datalist> | input要素のlist属性と組み合わせることで、コンボボックス（入力候補リスト）を作成できます。 |
| <details> | ユーザーが必要に応じて開閉できる追加情報や操作パネルを表します。 |
| <embed> | 外部のインタラクティブコンテンツやプラグインを埋め込みます。 |
| <figure> | 図版や写真など、文書の本文から独立した自己完結型のコンテンツを表します。 |
| <footer> | セクションのフッターを表し、著者情報や著作権情報などを含めることができます。 |
| <header> | 導入部やナビゲーションの補助となるグループを表します。 |
| <hgroup> | セクションの見出しグループを表します。 ※現在の仕様では廃止されています。 |
| <keygen> | 鍵ペアを生成するためのコントロールを表します。 ※現在の仕様では廃止されています。 |
| <mark> | 別の文脈における関連性に基づき、参照のために強調・ハイライトされたテキストを表します。 |
| <meter> | ディスク使用量など、一定範囲内の測定値を表します。 |
| <nav> | ナビゲーション（主要なリンク集）を目的としたセクションを表します。 |
| <output> | スクリプトによる計算結果など、何らかの出力を表します。 |
| <progress> | ダウンロードや時間のかかる処理など、タスクの進捗状況を表します。 |
| <ruby> | <rt>および<rp>と組み合わせて、漢字の読み仮名などのルビ注釈をマークアップできます。 |
| <section> | 一般的なドキュメントやアプリケーションのセクション（章・節）を表します。 |
| <time> | 日付や時刻を機械可読な形式で表します。 |
| <video> | 動画ファイルを定義します。 |
| <wbr> | 改行してもよい位置（改行の機会）を表します。 |
まとめ
HTML5の新要素を活用することで、従来はdiv要素だけで構成していたページを、意味を持つ構造で記述できるようになります。特に<header>、<nav>、<article>、<footer>といったセマンティック要素はSEOやアクセシビリティの面でも有効です。すべてのHTMLタグの一覧については、公式リファレンスをご確認ください。
-
Microsoft Office Swayとは？アイデアを美しく共有できる新しいコンテンツ作成アプリ
あなたの頭の中には、素敵なアイデアや思考が数多く眠っています。拡張を続けるOfficeファミリーに新登場したMicrosoft Office Swayを使えば、ブラウザやモバイルからこれらのアイデアを自由に表現できます。例えば、何千キロにも及ぶドライブ旅行から帰ってきたばかりで、素晴らしい写真がたくさん撮れたとしましょう。そんなとき、FacebookやExcel関連のサイトに記録を残すのはもう古いやり方。ぜひSwayを試してみてください。テキスト、写真、動画をひとつにまとめた美しいストーリーを作成できます。Microsoft Office Swayの主な特徴デザインエンジンがレイアウトを自動調
-
ニュージーランドで使えるおすすめVPN6選|地理的制限コンテンツへのアクセス方法を徹底解説
記事の概要:ニュージーランドに在住または滞在中の方で、ニュージーランド向けの無料VPNをお探しの方に向けて、厳選したおすすめVPNサービスをご紹介します。各サービスの特徴やメリット・デメリットを詳しく解説しますので、ぜひ参考にしてください。 ニュージーランドでVPNが必要な理由 ニュージーランドにいるのに、地理的に制限されたコンテンツにアクセスできずお困りではありませんか?そんな方にぴったりの解決策が「VPN(仮想プライベートネットワーク)」です。VPNとは、IPアドレスを隠蔽し、インターネットを安全に閲覧できるようにするサービスのこと。匿名性を確保できるだけでなく、世界中のサーバーネットワ