HTML5タグ辞典

HTML5の基本

• HTML5の文法ルール
• HTML5の文法チェック・文章構造チェックツール
• スマートフォン用HTMLの制作

---

HTML5の文章構造

• HTML5の文章構造の基本
• <section> …一つのセクションであることを示す。
• <nav> …ナビゲーションであることを示す。
• <article> … 記事であることを示す。
• <aside> …余談・補足であることを示す。
• <header> …ヘッダであることを示す。
• <footer> …フッタであることを示す。

---

HTML5のフォーム部品

• HTML5で追加されたフォーム部品・属性
• HTML5で用意された専用入力ボックス
• 前バージョンのHTMLと同様のフォーム部品・属性

---

ルビ-HTML5タグ

<ruby>…ルビ（読み仮名）を記述するタグ。
<rp>…ルビを示す記号を指定するタグ。
<rb>…ルビをふる対象を表すタグ。

---

フォーム-HTML5タグ

<datalist>…<option>の選択肢を定義します。

---

メディア-HTML5タグ

<audio>…オーディオファイルを再生するタグ。
<source>…videoタグ、audioタグ の子要素

---

余談-HTML5タグ

<aside>…余談・補足を記述するタグ。

---

文章構造-HTML5タグ

<aside>…余談・補足を記述するタグ。
<article>…記事を記述するタグ。
<section>…セクション(章)を表すタグ。
<header>…各文章のヘッダー情報を記述するタグ。
<hgroup>…Hタグをグループ化するタグ。
<nav>…ナビゲーションであることを示すタグ。
<footer>…文章のフッタであることを示します。

---

記事-HTML5タグ

<article>…記事を記述するタグ。

---

音声-HTML5タグ

<audio>…オーディオファイルを再生するタグ。
<source>…videoタグ、audioタグ の子要素

---

グループ化-HTML5タグ

<datalist>…<option>の選択肢を定義します。

---

文章-HTML5タグ

<details>…初期状態では非表示にしておき、クリックなどで表示させるタグ。

---

日時-HTML5タグ

<time>…記事の日時や時刻を表すタグ。

---

図-HTML5タグ

<figure>…図表であることを示すタグ。
<figcaption>…figureタグの説明部分。

---

FORM　フォーム-HTML5タグ

<output>…計算結果を表示するフォーム部品。

---