menu
menu

HTML5リファレンス | Webデザインラボ

キーワード検索

11月のアクセストップ10

  1. ( 1-) スマホサイトの作成・基本編
  2. ( 3↑) CSSだけでドロップダウンメニュー
  3. ( 2↓) CSSだけでサイズ可変・スマホ対応のアコーディオン
  4. ( 4-) HTML5・ページ作成の基本
  5. ( 5-) jQueryでドロップダウンメニュー
  6. ( 6-) スマホ・タブレット・PCの振り分けいろいろ
  7. ( 9↑) 表示しているブラウザの高さを取得してCSSのheightに指定
  8. ( 8-) Windows 10にApache2.4 VC11をインストール
  9. ( 7↓) JavaScriptで新しいウィンドウを開く
  10. (-↑) CSSだけでブロック要素の表示非表示(トグルボタン)
  • facebook23
  • はてなブックマーク7
  • Google+4
  • Pocket0
  • Twitter0

HTML5リファレンス

HTML5

 HTML要素の一覧ページです。HTML5で追加された要素にはHTML5と説明文の後に記述してあります。


HTML5・ページ作成の基本

HTML5・要素と属性

基本要素
  • <html>...HTML文書であることを定義します
  • <head>...ページのヘッダを定義します
  • <body>...ページの内容を記述します
文書情報
  • <!DOCTYPE>...DOCTYPE宣言 HTML5
  • <!DOCTYPE>...DOCTYPE宣言
  • <meta>...ページの情報(概要やキーワード等)を記述します
  • <base>...基準となる相対URIを指定します
  • <title>...ページのタイトルを記述します
  • <link>...関連する別ページとの関係を記述します
  • <style>...styleの記述例を紹介します
  • <script>...scriptの記述例を紹介します
  • <noscript>...noscriptの記述例を紹介します
セクション
  • <article>...独立した内容を示します HTML5
  • <aside>...メインのコンテント以外を示します HTML5
  • <header>...ヘッダ部分をグループ化する要素です HTML5
  • <footer>...フッタ部分をグループ化する要素です HTML5
  • <hgroup>...見出しをグループ化する要素です HTML5
  • <nav>...ナビゲーションのセクション HTML5
  • <section>...文書中の一つのセクションを示します HTML5
グループ
  • <figcaption>...図表の見出しを指定します HTML5
  • <figure>...図表を指定します HTML5
  • <main>...メインとなるコンテントを記述します HTML5
  • <ul>...箇条書きのリストを表示します
  • <ol>...番号付きのリストを表示します
  • <li>...リストに表示する項目を記述します
  • <dl>...定義・説明のリストを表示します
  • <dt>...定義・説明する言葉を記述します
  • <dd>...定義・説明する言葉の説明文を記述します
  • <div>...汎用的な要素の指定
  • <p>...段落を付けます
  • <pre>...プログラムに記述した通りの形で画面に表示します
  • <blockquote>...引用文であることを示します
  • <hr>...HTML内に水平線を表示します
テキスト
  • <mark>...テキストを強調表示させる要素です HTML5
  • <rp>...ルビ表示できない環境用の要素です HTML5
  • <rt>...ルビを表示させる要素です HTML5
  • <ruby>...ルビをふる範囲を指定する要素です HTML5
  • <time>...日付、時刻を示す要素です HTML5
  • <wbr>...改行可能位置をブラウザに対して指定する要素です HTML5
  • <bdo>...文字表記の方向を示します
  • <span>...特定の意味を持たない汎用的な要素です
  • <a>...文字列や画像にリンクを設定します
  • <small>...文字を一回り小さく表示します
  • <b>...文字を太字で表示します
  • <i>...文字をイタリック体で表示します
  • <em>...文字をイタリック体で強調して表示します
  • <strong>...文字を太字で強調して表示します
  • <br>...改行します
  • <del>...文字に打ち消し線を表示します
  • <ins>...後から追加された内容であることを示します
  • <abbr>...略語であることを表します
  • <dfn>...定義用語であることを示します
  • <sup>...上付文字を表示します
  • <sub>...下付文字を表示します
  • <q>...引用文(改行を必要としない)であることを示します
  • <cite>...引用元・参照先を示します
  • <code>...プログラムのソースコードであることを示します
  • <var>...変数や引数であることを示します
  • <kbd>...ユーザーから「入力される文字」であることを示します
  • <samp>...プログラムによる出力結果のサンプルであることを示します
組み込みコンテント
  • <audio>...音声の再生を指定します HTML5
  • <canvas>...図形の描写を指定します HTML5
  • <embed>...プラグインの指定をします HTML5
  • <object>...外部リソースの埋め込みを指定します HTML5
  • <param>...プラグインのパラメータを指定します HTML5
  • <source>...音声や動画のURL等を指定します HTML5
  • <video>...動画の再生を指定します HTML5
  • <map>...クリッカブルマップを表示します
  • <area>...クリッカブルマップの領域やリンク先等を指定します
  • <iframe>...HTML文書内にインラインのフレームを表示します
  • <img>...HTML内に画像を表示します
テーブル
  • <table>...テーブル(表)を表示します
  • <tr>...テーブル(表)の行を表示します
  • <th>...テーブル(表)の行や列の見出しを表示します
  • <td>...テーブル(表)のセル内容を記述します
  • <caption>...テーブル(表)のタイトルを表示します
  • <thead>...テーブル(表)の行のヘッダ部分をグループ化します
  • <tfoot>...テーブル(表)の行のフッタ部分をグループ化します
  • <tbody>...テーブル(表)の行のボディ部分をグループ化します
  • <colgroup>...テーブル(表)の列をグループ化します
  • <col>...テーブル(表)の列をまとめて変更します
フォーム
  • <datalist>...datalist要素はテキスト入力欄に入力候補を表示させるための要素です HTML5
  • <keygen>...フォーム送信時に公開鍵と秘密鍵を発行します HTML5
  • <meter>...特定範囲内の測定値を示します HTML5
  • <output>...計算結果を示します HTML5
  • <progress>...進行状況を示します HTML5
  • <form>...入力フォームを表示します
  • <label>...フォームの部品とラベル(項目)を関連付けます
  • <fieldset>...フォームの部品をグループ化します
  • <legend>...フォームの部品のグループにタイトルを表示します
  • <input>...フォームの部品(チェックボックスや入力欄等)を表示します
  • <textarea>...複数行の入力が可能な入力欄を表示します
  • <select>...プルダウンメニューやリストボックスを表示します
  • <option>...プルダウンメニューやリストボックスに表示される選択肢を記述します
  • <optgroup>...プルダウンメニューやリストボックスに表示される選択肢を階層化します
  • <button>...ボタンを表示します
インタラクティブ
  • <command>...操作メニューの命令を指定します HTML5
  • <details>...操作手段などの詳細情報を指定します HTML5
  • <menu>...操作メニューを指定します HTML5
  • <summary>...details要素の見出しとして指定します HTML5
その他
  • <!-- ~ -->...HTML文書内にコメントを記述します
詳細説明
HTML要素・ABC順
 
  • facebook23
  • はてなブックマーク7
  • Google+4
  • Pocket0
  • Twitter0