フローコンテンツとは?

フローコンテンツはbody要素のなかであればどこにでも記述可能なコンテンツです。以下の要素がこのカテゴリーに属する要素となります。

セクションタグ

article 自己完結したセクションを表す
aside 補足的なセクションを表す
address 作者情報・連絡先
dialog ダイアログを作成する
footer フッタを表す
h1―h6 見出し1
header ヘッダを表す
section 一般的なセクションを表す
nav ナビゲーションを表す

スポンサードサーチ

コンテンツタグ

div 範囲の指定(ブロックレベル)
blockquote 長文の引用(ブロックレベル)
dl 定義型リスト
figure 参照される図版を表す
hr 水平線
main 文書のメインコンテンツを表す
p 段落
pre 整形済みテキスト
span 範囲の指定(インライン)
ul 順不同のリスト
ol 順序付きリスト

テキストタグ

a リンクのアンカー
b 太字
bdi 隔離されたテキストを表す
bdo 書字方向
br 改行
cite 引用元(出典・参照先)
code ソースコード
data コンピュータ向けのデータを指定する
dfn 定義する用語
em 強調
i イタリック体
kbd 入力する文字
q 短文の引用(インライン)
ruby ルビ(ふりがな)を振る
s 取り消し線
samp 出力サンプル
sub 下付き文字
sup 上付き文字
u 下線
wbr 改行位置の候補を表す
var 変数・引数
small 小さめの文字
strong より強い強調
time 日付や時刻を表す
abbr 略語(全般)

スポンサードサーチ

追加・削除コンテンツタグ

ins 追加されたテキスト
del 削除されたテキスト

コンテンツの埋め込みタグ

area イメージマップの領域設定
audio プラグインを使わずに音声を再生する
canvas スクリプト使ってグラフィックスを描く
embed プラグインデータを埋め込む
iframe インラインフレーム
img 画像の埋め込み
map イメージマップ
object オブジェクトの埋め込み
video プラグインを使わずに動画を再生する
picture レスポンシブイメージ(画像内容の最適化)
svg コードを記載して画像を描画する

スポンサードサーチ

テーブルタグ

table

フォーム関連タグ

button ボタン
datalist 入力候補のリストを作る
fieldset フォーム部品のグループ化
form 入力フォーム
input フォームの部品
label 部品とラベルの関連付け
output 計算結果の出力欄を作る
progress 作業の進捗状況を示す
select セレクトボックス
textarea 複数行の入力欄

スポンサードサーチ

スクリプトタグ

script スクリプト
noscript スクリプトの代替内容
template スクリプトで利用するHTMLコードのテンプレート
slot 外部コードから内側にコンテンツを埋め込む

その他タグ

テキスト 通常のテキスト
details リクエストに応じて詳細情報を提供する
meta
itemprop属性をもつときのみ
文書に関する情報(メタ情報)
link
bodyの中にあるときのみ
関連文書との関係
menu メニューリスト
meter 特定範囲内の数量や割合を示す

廃止されたHTML

hgroup 見出しをグループ化する (廃止)
keygen フォーム送信時にキーを発行する(廃止)