XHTML言語では、ULタグにLI、DLタグが含まれていることはすべて、これらの固定タグのDTおよびDDネックルールが含まれていることを知っています。ただし、独立したタグがたくさんあり、H1、Div、Pなど、結び付けられていません...これらのタグのネストルールは何ですか?今日はこのトピックについて話しましょう。
XHTMLタグのネストルールに関しては、最初にXHTMLタグには2つのタイプがあることを知っておく必要があります。1つはブロック要素と呼ばれ、もう1つはインライン要素と呼ばれます(インライン、インライン、インライン、ラインレベルなどと呼ばれます。
ブロックレベルの要素と埋め込み要素の分割基準は非常に簡単です。次の2行のコードをボディタグに入れてください。
<div style = border:1px solid red;> div1 </div>
<div style = border:1px solid red;> div2 </div>
ブラウザレンダリング効果:
div1div2ページに表示される2つのDIVは、2列のスペースを占めています。他の設定を浮かんだり、作成したりしない限り、誰も隣同士ではありません。彼らは皆、自分のスペースの列をあまりにも驚異的に占めています。この現象を持っている特定のタグが表示されている場合は、次のように呼ぶことができます。ブロック要素(ブロック) ;
次に、次の2行のコードをボディタグに入れます。
<SPAN STYLE = BORDER:1PX SOLID RED;> SPAN1 </SPAN>
<SPAN STYLE = BORDER:1PX SOLID RED;> SPAN2 </SPAN>
ブラウザレンダリング効果:
SPAN1 SPAN2
今回は、2つのスパンが並んで配置されており、フレンドリーでフレンドリーでフレンドリーで調和が取れています...このような行動をラベル付けするために、私たちは次のように呼ぶことができます。
ブロックレベルの要素と埋め込み要素の違い:・ブロックレベルの要素は、通常、Webサイトアーキテクチャ、レイアウト、およびキャリーコンテンツを構築するために使用されます...これらの大きなジョブは、次のタグを含むブロックレベルの要素です。div、ul、li、dl、dt、dd、h1〜h6、p、アドレス...
・インライン要素は、一般に、スタイル、上付き文字、サブスクリプト、アンカーポイントなどを強調および区別するために、Webサイトのコンテンツの特定の詳細または一部で使用されます。次のタグはすべて組み込み要素です。a、span、strong、sub、sup、img ...
・ブロック要素と埋め込み要素は互いに変換でき、変換コードは次のとおりです。表示:ブロック; /*ブロック要素に変換*/
表示:インライン; /*埋め込み要素に変換*/
・ブロック要素と埋め込み要素間のCSSの呼び出しルールは異なります(この記事では、ラベルネスティングについて説明しているため、この知識のポイントについては説明しません)。ブロック要素と組み込み要素を単に理解した後、 XHTMLタグのネストルールをリストできます。
1.ブロック要素には、インライン要素または特定のブロック要素を含めることができますが、インライン要素はブロック要素を含めることはできません。他のインライン要素のみを含めることができます。<div> <h1> </h1> <p> </p> </div> - はい
<a href =#> <span> </span> </a> - はい
<span> <div> </div> </span> - 間違っています
2。ブロックレベルの要素を<p>に配置することはできません:<p> <ol> <li> </li> </ol> </p> - 間違っています
<p> <div> </div> </p> - 間違っています
3.埋め込まれた要素のみを含み、ブロックレベルの要素を含めることができない特別なブロックレベルの要素がいくつかあります。これらの特別なタグは次のとおりです。H1、H2、H3、H4、H5、H6、P、DT。
4. divタグはliに含めることができます- この記事は個別にリストする必要はありませんが、インターネット上の多くの人がこれについて疑問を抱いているので、ここで簡単に説明します。LIタグとDIVタグは、コンテンツをロードするためのコンテナであり、ステータスが等しく、レベル間の区別はありません(たとえば、厳密な階層を持つH1とH2^_^)。 Liタグは、その親ULまたはOLにも対応できることを知っておく必要があります。なぜLiは次のDivに対応できないと思う人がいるのですか?李をそんなにけちなことをしないでください、Liを薄く見ないでください、実際にはLiは大きな心を持っています...
5。ブロックレベルの要素とブロックレベルの要素は平行であり、インライン要素とインライン要素は平行です。<div> <h2> </h2> <p> </p> </div> - はい
<div> <a href =#> </a> <span> </span> </div> - はい
<div> <h2> </h2> <span> </span> </div> - 間違っています