1. HTML タグには、ブロックレベルの要素 (block) とインライン要素 (inline) が含まれます
1. ブロックレベルの要素
は、通常、Web サイトのアーキテクチャ、レイアウト、およびコンテンツの実行に使用されます。次のタグが含まれます:
address、blockquote、center、dir、div、dl、dt、dd、fieldset、form、h1~h6、hr、isindex、menu、noframes、noscript、ol、p、pre、 table、ul
2. インライン要素
通常、「スタイル、上付き文字、下付き文字、アンカーポイントを強調、区別する」などのために、ウェブサイトコンテンツの特定の詳細または部分で使用されます。以下のタグはすべてインライン要素です:
a、abbr、頭字語、b、bdo、ビッグ、br、引用、コード、dfn、em、フォント、私、img、入力、kbd、ラベル、q、s、サンプ、選択、小さい、スパン、ストライク、強い、 sub, sup, textarea, tt, u, var
2. HTMLタグの入れ子ルール
1. ブロック要素にはインライン要素または特定のブロック要素を含めることができますが、インライン要素はブロック要素を含めることはできません。他のインライン要素のみを含めることができます:
; そうですね
内に配置できません: < div> ?? 間違っています
3. インライン要素のみを含めることができ、ブロックレベルの要素を含めることができない特殊なブロックレベルの要素がいくつかあります。
h1, h2, h3, h4, h5, h6, p, dt
4. li に div タグを含めることはできますか?? この項目は個別にリストする必要はありませんが、インターネット上の多くの人がこれについて疑問を抱いています。 , そこで、ここで簡単に説明します:
Li タグと div タグは両方ともコンテンツをロードするためのコンテナーであり、階層はありません (例: h1、h2 という厳密な階層 ^_^) を知っておく必要があります。 li タグは親の ul または ol も収容できるのですが、なぜ li には div を収容できないと考える人がいるのですか? li がとてもケチだと思わないでください、li はかなり痩せているように見えますが、実際には li は大きな心を持っています...
5. ブロックレベルの要素はブロックレベルの要素と並列され、インライン要素は並列されますインライン要素の場合:
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
