*

PC LIFE

ホーム >  Web制作 >  サイト編集支援 > 
HTMLタグ一覧&クリップボード・コピー

HTML5対応のタグ一覧、ボタンクリックでクリップボードにコピー出来ます。画面幅に応じて表示内容をタグ一覧だけにするなど、サイト作成時の補助画面として利用出来ます。

 

ウィンドウサイズの選択部分は、10秒後に消えます。
  • 表示サイズ
  • 表示の内容 ☆:新規ウィンドウで開く
  • 現サイズのまま
  • 閲覧中のページサイズで表示内容が変わる。
  • 1列 横:500px
  • 縦長に表示、そのたタイプや簡易説明を非表示
  • 2列 横:820px
  • 中間で折り返し2列で表示、説明サイトへのリンク表示(お薦め)☆
  • フルサイズ 980px
  • 補足情報を含めた全内容を表示。☆
  • タグ
  •   
  • その他属性/HTML5仕様/簡易説明など
  • コメントの挿入
  • A
  • Link
  • target="_blank"  "_parent" "_top" "url"
  • ページの途中位置にアンカーの設置。html5では、nameを使わず、id名を使う
  • Link
  • 連絡先。article内の場合は意味が異なる。
  • Link
  • <map>タグで利用。shape="rect","poly","rect"。coords="座標 "。他
  • Link
  • 内容が単体で完結するセクションであることを示す
  • Link
  • 本文から外れる余談・補足情報。
  • Link
  • 音声の再生
  • B
  • Link
  • 一般的に印刷される際太字となるようなテキストで、重要とか強調する役割はない。
  • Link
  • 相対パスの基準URIを指定。<head>~</head>の間に記述(1個のみ)。
  • Link
  • 他の情報源からの引用・転載セクション。
  • Link
  • タグ内に文書(ページ全体)を入れる。
  • B
  • Link
  • 単なる改行で使うのは誤り。例)詩や住所など
  • Link
  • type="submit" "reset"。value=" "。関連タグ:<form>
  • C
  • Link
  • 図形を描く
  • Link
  • テーブル(表)のキャプション(見出し)
  • Link
  • 使用範囲が限定され作品のタイトルを表す。
  • Link
  • 表の縦列に属性やスタイルを指定する際に使用。<colgroup>タグの中で使用
  • Link
  • 表の縦列(カラム)をグループ化
  • D
  • Link
  • <input>タグで<option value=" ">を利用しドロップダウン風リスト表示
  • Link
  • 取り消し線(削除された部分を示す)。<del datetime=" ">
  • Link
  • 追加情報としての備考や操作手段など。
  • Link
  • 用語の意味を説明。直近親要素となる<p>>タグなどに用語の定義内容が必要。
  • Link
  • 囲まれた範囲を一つのグループとしてまとめる
  • Link
  • float要素の解除。
  • Link
  • dlリストの一括。<dl> <dt> <dd> 定義・説明リスト。 関連リスト:<ul> <ol>
  • Link
  • html5で記述したページである宣言
  • E
  • Linjk
  • アクセント付与。関連タグ:<strong> </strong>
  • Link
  • 外部アプリケーションの埋め込み。width=" " height=" "
  • F
  • Link
  • <form>タグの中をグループ化。
  • F
  • Link
  • 通常<figure>の中で使用。
  • Link
  • イラスト・図・写真・ソースコードなど
  • Link
  • セクションに関する情報:一般的に著者、関連文書へのリンク、著作権など
  • Link
  • 入力・送信フォーム
  • H
  • Link
  • <h2></h2> <h3></h3> <h4></h4> <h5></h5> <h6></h6>
  • Link
  • 文書のヘッダ情報を表す。このタグ内に、meta link script等を記述
  • Link
  • イントロダクション(序論)やナビゲーション。head とは異なる
  • Link
  • テーマ・話題の区切り(html5)で水平線の定義は無い。
  • I
  • Link
  • 声や心の中で思ったことなど、他と区別したいテキスト
  • Link
  • インラインフレームを作る
  • Link
  • 画像の表示
  • Link
  • 他属性 autofocus min max multiple patten placeholder required step
  • Link
  • type="button" "checkbox" "date" "file" "image" "number" "reset" "submit" 他多種
  • Link
  • 追加された部分であることを示す。datetime=" "
  • K
  • Link
  • ユーザーが入力する内容であることを示す
  • Link
  • フォーム送信時,暗号化キーを発行
  • L
  • Link
  • フォーム部品と項目名(ラベル)を関連付ける
  • Link
  • フォームの入力項目グループにキャプション(タイトルや説明)を付ける
  • Link
  • 通常<ol>・ <ul>・ <menu> の子要素として使用
  • Link
  • リンクする外部リソースを指定。
  • タグ は、HTML5
  •   
  • その他属性/HTML5仕様/簡易説明など
  • M
  • Link
  • このタグの中に<area>を使う。name=は、<img>と一致させる。
  • Link
  • テキストをハイライト。css編集:mark {…}。関連タグ:<strong> <em>
  • Link
  • 操作メニューを作成
  • Link
  • 文書に関する情報(メタデータ)を指定。
  • Link
  • 下限や上限などがあらかじめ分かっている、規定範囲内の測定値
  • N
  • Link
  • 通常はメインのナビゲーションに。
  • Link
  • script が使えなくしている閲覧者に表示
  • O
  • Link
  • 外部のリソースを埋め込む。関連タグ:<embed>
  • Link
  • 順序のある<ol>の一括タグ。<ol> <li> 関連リスト:<ul> <dl>
  • Link
  • <option>タグのグループ化。label=は必須。
  • Link
  • <select>や<datalist>タグの選択肢を表示。
  • Link
  • 計算結果を表示。対応ブラウザに注意。
  • P
  • Link
  • 段落。段落よりもふさわしい要素がある場合、そちらを使用。
  • Link
  • <object>の子要素。name=" " value=" "
  • Link
  • プログラムソース等を表す場合、一般的に<pre>と<code>を組み合わせる。
  • Link
  • タスク完了までの進行状況を表示。
  • Q
  • Link
  • 他の情報源からの引用句・引用文。
  • R
  • Link
  • 一括タグ。漢字の上部ふらがな。
  • S
  • Link
  • 既に正確でない、関係ない内容。文書に打ち消し線を表示。
  • Link
  • プログラムやコンピュータによる出力結果のサンプル。
  • Link
  • type=は記述しないと、text/javascriptになる。
  • Link
  • 文書やアプリケーションの一部分となる、意味や機能のひとまとまり。
  • Link
  • 注釈や細目などの短いテキストに使用。footerに使用例多い。
  • Link
  • <video>などのメディア要素の中で子要素として使用
  • Link
  • インライン要素としてグループ化できる便利なタグ
  • Link
  • 強い重要性を表す。<strong>タブ内に<strong>を入れると更に強調。
  • Link
  • スタイルシートを記述する
  • Link
  • 下付き文字 この要素が無ければ意味が変わってしまう場合にのみ使用。
  • Link
  • 親要素<details>の子要素で要約・キャプション・説明。
  • Link
  • 上付き文字 この要素が無ければ意味が変わってしまう場合にのみ使用。
  • T
  • Link
  • table(表)の一括タグ。
  • Link
  • 表の親タグ。
  • Link
  • 表の横一行。
  • Link
  • テーブル(表)の見出しセル。<tr>の子要素
  • Link
  • テーブル(表)のデータセル。<tr>の子要素
  • Link
  • 複数行の入力領域。 maxlength=" " placeholder=" "
  • Link
  • テーブル(表)のヘッダ行を定義する
  • Link
  • テーブル(表)のボディ部分
  • Link
  • テーブル(表)のフッタ部分
  • Link
  • グレゴリオ暦による日付や24時間表記の時刻を正確に示す際に使用。
  • Link
  • 文書(ページ)のタイトルで検索エンジンが利用するため内容は大変重要。
  • U
  • Link
  • 順序のないリストの一括タグ。関連リスト:<dl> <ol>
  • V
  • Link
  • variableの略で、変数。
  • Link
  • 動画を再生する
  • W
  • Link
  • 改行したい位置に記述。対応ブラウザに注意。