カテゴリー: html

  • HTML5 要素一覧

    要素タイプの一覧

    要素名説明
    ルート要素
    <html>文書のルート要素
    文書のメタデータ
    <head>メタデータの集まりを表す
    <title>文書にタイトルを付ける
    <base>相対リンクの基準となるURLを指定する
    <link>別の文書類と関連付ける
    <style>スタイルシートを指定する
    <meta>文書に関する様々なメタデータを表す
    セクション
    <body>文書の本体を表す
    <article>自己完結したセクションを表す
    <section>一般的なセクションを表す
    <nav>ナビゲーションを表す
    <aside>補足的なセクションを表す
    <h1><h6>見出しを付ける
    <hgroup>見出しをグループ化する (廃止
    <header>ヘッダを表す
    <footer>フッタを表す
    <address>連絡先を表す
    コンテンツのグループ化
    <p>段落を表す
    <hr>テーマの区切りを表す
    <pre>整形済みのテキスト
    <blockquote>引用セクションを表す
    <ol>順序付きのリストを作る
    <ul>順不同のリストを作る
    <li>リストの項目を表す
    <dl>記述リストを作る
    <dt>記述リストの名前部分を表す
    <dd>記述リストの値部分を表す
    <figure>参照される図版を表す
    <figcaption>図版にキャプションを付ける
    <main>文書のメインコンテンツを表す
    <div>特定の範囲をグループ化する
    テキストの意味
    <a>リンクを設定する
    <em>強調を表す
    <strong>重要性を表す
    <small>細目のような注釈を表す
    <s>すでに正確ではない内容を表す
    <cite>作品のタイトル・著者名・URLを表す
    <q>引用フレーズを表す
    <dfn>定義される用語を表す
    <abbr>略語や頭字語を表す
    <code>ソースコードを表す
    <var>変数を表す
    <samp>プログラムの出力サンプルを表す
    <kbd>ユーザーが入力する内容を表す
    <data>コンピュータ向けのデータを指定する
    <sub>下付き文字を表す
    <sup>上付き文字を表す
    <time>日付や時刻を表す
    <i>他と区別されるテキストを表す(思考・専門用語 等)
    <b>他と区別されるテキストを表す(キーワード・製品名 等)
    <u>軽めのラベル付け
    <mark>テキストのハイライト表示
    <ruby>ルビ(ふりがな)を振る
    <rb>ルビの対象テキストを表す
    <rt>ルビテキストを表す
    <rtc>ルビテキストのコンテナ
    <rp>ルビテキストを括弧で囲む
    <bdi>隔離されたテキストを表す
    <bdo>書字方向を指定する
    <span>特定の範囲をグループ化する
    <br>改行する
    <wbr>改行位置の候補を表す
    訂正
    <ins>追加された部分を表す
    <del>削除された部分を表す
    コンテンツの埋め込み
    <img>画像を表示する
    <picture>レスポンシブイメージ(画像内容の最適化) (HTML 5.1)
    <iframe>インラインフレームを作る
    <embed>プラグインデータを埋め込む
    <object>外部リソースを埋め込む
    <param>パラメータを指定する
    <video>プラグインを使わずに動画を再生する
    <audio>プラグインを使わずに音声を再生する
    <track>動画・音声と同期するテキストトラック
    <source>メディアリソースの候補を指定する
    <map>イメージマップを作る
    <area>イメージマップのリンク領域を設定する
    テーブル
    <table>表を作る
    <caption>表にキャプションを付ける
    <colgroup>表の列をグループ化する
    <col>表の列を表す
    <tbody>表の行をグループ化する(本体部分)
    <thead>表の行をグループ化する(ヘッダ部分)
    <tfoot>表の行をグループ化する(フッタ部分)
    <tr>表の行を表す
    <td>データセルを表す
    <th>見出しセルを表す
    フォーム
    <form>入力フォームを作る
    <fieldset>フォーム部品をグループ化する
    <legend>部品グループにキャプションを付ける
    <label>フォーム部品とラベルを関連付ける
    <input>入力欄・選択肢・ボタンを作る
    <select>プルダウンメニューを作る
    <option>プルダウンメニューや入力候補の選択肢を作る
    <optgroup>プルダウンメニューの選択肢をグループ化する
    <textarea>複数行のテキスト入力欄を作る
    <button>内容を持つボタンを作る
    <datalist>入力候補のリストを作る
    <keygen>暗号鍵を生成する (廃止予定
    <output>計算結果の出力欄を作る
    <progress>作業の進捗状況を示す
    <meter>特定範囲内の数量や割合を示す
    スクリプティング
    <script>JavaScriptを埋め込む
    <noscript>スクリプトが利用できない環境用の内容
    <template>スクリプトで利用するHTMLコードのテンプレート
    <canvas>スクリプト使ってグラフィックスを描く
    インタラクティブ
    <details>リクエストに応じて詳細情報を提供する (HTML 5.1)
    <summary>詳細情報のキャプションや要約を表す (HTML 5.1)
    <menu>ポップアップメニューを表す (HTML 5.1)
    <menuitem>ポップアップメニューの項目を表す (HTML 5.1)
    <command>コマンドを表す (廃止