テクノロジー
HTML5 入れ子チートシート | 吉川ウェブ

気に入った記事をブックマーク

気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
記事を読んだ感想やメモを書き残せます
非公開でブックマークすることもできます

HTML5 入れ子チートシート | 吉川ウェブ

テクノロジーカテゴリーの変更を依頼記事元:

yoshikawaweb.com

適切な情報に変更

エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます

コメントを非表示にできますコメント表示の設定

ブックマークしました

ここにツイート内容が記載されますhttps://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

次回からTwitterへ自動リダイレクト

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

742usersがブックマークコメント

コメントするにはログインが必要ですブックマークを追加

ブックマークを追加

よく使うタグ

HTML5 入れ子チートシート | 吉川ウェブ

742 users

yoshikawaweb.com

よく使うタグ

はてなブックマークで
関心をシェアしよう

みんなの興味と感想が集まることで
新しい発見や、深堀りがもっと楽しく

ユーザー登録

アカウントをお持ちの方はログインページへ

記事へのコメント86件

注目コメント
新着コメント

himoton親要素・子要素わかりやすい説明用

HTML5

2016/06/15リンク

その他

internetkunid:kijtra HTML 4.01の頃にはセクショニング要素がなかったのでマイナスに扱われていましたが、今はそのようなことはありません。知識のアップデートができていない証左なのでそのコンサルの契約は切ったほうがいいです

2018/06/30リンク

その他

qwert1345trgfeqw4tほえー、dt・thの中にブロック要素（グルーピングコンテンツ）入れてもOKになってたのか。

2018/07/01リンク

その他

diveintounlimit基本的にブロック系とインライン系を把握しておいて、その他の特殊なのを分けて把握しておけば大丈夫なはずだけど、ブクマ数から察するに、まぁそういう事なんだろうなぁ(´・ω・｀)

2018/06/30リンク

その他

kijtra同ページ内に article が複数あり、そのそれぞれに h1 を入れてたらSEOコンサルに「Googleの評価が下がる」と言われた。構文は間違ってないはずだけど、そんなんで下がるのか？

2018/06/30リンク

その他

Rishatangpタグの中にdivタグ入れてしまってる人たまに見る。 / 全部divとspanで作ればいいんだよ！！（過激派

2018/07/01リンク

その他

TTTT2H1の回数についてwhatwgでは複数回使用は否定されていない。https://togetter.com/li/1058977 ただ過剰にh1タグを使うと検索エンジンが理解しにくいページになってしまうと考えもある。https://s-supporter.hatenablog.jp/entry/seo-h1-how-to-use

2018/07/01リンク

その他

living「ブロックとインラインさえ押さえてればいけるっしょ」って言ってる人、知識がアップデートできていないと思う…。例外的なルールが増えてるのでこういうツールは非常に有用

2018/07/01リンク

その他

kvxつい最近、aの中にdivはいいけど、buttonの中にdivはダメとこのサイトを見て知った。

2018/06/30リンク

その他

tkm_shoheiまじでこの程度の知識を知らない、というか職業訓練校とかで別業態からWebデザイナーになった人は知識アップデートないまま７年８年仕事してる人とかザラにいる業界だから…

2018/07/01リンク

その他

yuich0ぐう有能

2023/02/11リンク

その他

wdscratch内容モデルが解らなくなった時に見る

html

2022/06/22リンク

その他

canna_koritan“div”

2022/01/07リンク

その他

igrepメンテナンス結構めんどくさそう。ありがたや。

2021/04/01リンク

その他

hanabi_hibanahtmlの親子関係がわかる（しかも、メンテナンスし続けてくださっている

2020/11/30リンク

その他

yukiiiiiii09240#デザイン #HTML

2020/09/14リンク

その他

cucumisinめちゃくちゃ便利。

2020/07/09リンク

その他

ymgnわかりやすくてなんかの時に役に立ちそうなのでブクマ

2020/05/15リンク

その他

tihataわかりやすくてすごくてすごい

2020/04/20リンク

その他

simocheeこのチートシートすっげえわかりやすい

2020/02/05リンク

その他

lapticeHTML5で親要素・子要素に入れられるもの一覧のチートシート

html5

2020/01/24リンク

その他

ku_marin面白い！視覚的

html

2019/10/10リンク

その他

MnMisato非常にわかりやすい。pの中にdiv駄目なのね

2018/07/05リンク

その他

Nyohoおもしろ

HTML5

2018/07/01リンク

その他

yasu-logこのサイト、if lt IE 9対応してるのが凄いｗ

2018/07/01リンク

その他

rryu3年前だともう仕様が変わっていたりしないだろうか。

html

2018/07/01リンク

その他

tukikaiHTMLは小学生でも出来るからとドヤってた昔の職場の先輩に見せたい(※10年ぐらい前の話です)

2018/07/01リンク

その他

nakag0711スマホだとつらいな

2018/07/01リンク

その他

2018/07/01リンク

その他

tsuki-rsdlの子要素にdivも含まれるよ。

html5

2018/07/01リンク

その他

qwert1345trgfeqw4tほえー、dt・thの中にブロック要素（グルーピングコンテンツ）入れてもOKになってたのか。

2018/07/01リンク

その他

tak4hir0HTML5 子要素・親要素対応 | 吉川ウェブ

2018/07/01リンク

その他

marony0109あとで

2018/07/01リンク

その他

tyoro2369大分わかります

2018/07/01リンク

その他

sky-graphこれは便利

html

2018/07/01リンク

その他

abababababababa人に見せるには良さそう。

2018/07/01リンク

その他

kattiわわわわわわ

2018/07/01リンク

その他

Cherenkovセマンティック html タグ子親早見表チートシート cheat sheet

2018/07/01リンク

その他

fa11enprinceなんでかSEO宗教戦争始まる悪寒

html

2018/07/01リンク

その他

2018/07/01リンク

その他

コメントするにはログインが必要ですログインしてコメント

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

プレビュー

はてなブックマークボタンを作成して埋め込むこともできます

規約違反を報告

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

usersに達しました！

さんが1番目にブックマークした記事「HTML5 入れ子チー...」が注目されています。

気持ちをシェアしよう

ツイートする

HTML5 入れ子チートシート | 吉川ウェブ

HTML 5.2のそれぞれの要素が入れ子にできる「子要素」、包含されることが可能な「親要素」の一覧のルー...HTML 5.2のそれぞれの要素が入れ子にできる「子要素」、包含されることが可能な「親要素」の一覧のルールを視覚化して表示します。 ※1 a要素の親要素が包含可能であること※1 audio要素の親要素が包含可能であること※1 canvas要素の親要素が包含可能であること※1 del要素の親要素が包含可能であること※1 ins要素の親要素が包含可能であること子要素省略※1map要素の親要素が包含可能であること※1 noscript要素の親要素が包含可能であることかつ body要素の子孫であること子要素省略※1 video要素の親要素が包含可能であることルート要素＆文書メタデータhtml 親子 head 親子 title 親子 base 親子 link 親子※HTML 5.2から可能。フレージングコンテンツが期待される場所※head要素の子孫であること meta 親子※he