1

W3Schoolsで定義されているブロックレベルの要素には、要素の前後に改行があります(p、h1など)。ネストされていないインライン要素は、独自の行で開始するか(改行なし)、同じ行に留まります。ネストされています。

スパンは正常に動作しますが(他のすべてのインライン要素と同様)。Divは、すべてのブロック要素のように改行を作成することはありませんが、div要素の開始時に新しい行から開始するだけです。

DIVがブロックレベルであると誰もが話しているので、おそらく私は何かが欠けていますが、ネストされていない場合は新しい行を開始し、改行を作成しないという点でインライン要素のように動作しますが、divの場合はまったく別のように動作します別のdivとネストされているだけで、新しい行が作成されます。

DIVはこのような唯一の「ハイブリッド」要素ですか?もっと根本的なものが欠けていますか?

4

2 に答える 2

7

改行を作成する要素はありません。margin異なる値を持つ異なるデフォルトスタイルの効果が表示されているだけですpadding。デフォルトのスタイルはブラウザごとに異なりますが、多くの場合、HTML 4仕様に含まれている[非常に古い]リファレンススタイルシートのように見えます:http ://www.w3.org/TR/CSS2/sample.html

于 2012-09-05T20:40:25.563 に答える
2

Mozilla Developer Network(MDN)は、HTMLについて学ぶのに最適な場所です。

ここに説明があり<div>ます:div | Mozilla Developer Network

Document Division(<div>)HTML要素は、フローコンテンツの汎用コンテナであり、本質的に何も表しません。これは、スタイリングの目的で(classまたはid属性を使用して)要素をグループ化するために、またはそれらがlangなどの属性値を共有するために使用できます。<article>他のセマンティック要素(またはなど<nav>)が適切でない場合にのみ使用してください。

ブロックレベルの要素とインライン要素の比較は次のとおりです。


ブロックレベルの要素


インライン要素とブロックレベル要素の違いは次のとおりです。

フォーマット

デフォルトでは、ブロックレベルの要素は新しい行から始まります。

コンテンツモデル

一般に、ブロックレベルの要素には、インライン要素やその他のブロックレベルの要素が含まれる場合があります。この構造上の違いには、ブロック要素がインライン要素よりも「大きな」構造を作成するという考え方が内在しています。


インライン要素


インライン要素とブロックレベル要素の違い:

コンテンツモデル

一般に、インライン要素にはデータと他のインライン要素のみが含まれる場合があります。

フォーマット

デフォルトでは、インライン要素は改行で始まりません。

于 2012-09-05T20:40:47.290 に答える