7

しばらくの間、私は Web サイトを作成してきましたが、コンテナー タグの適切な使用法についての議論を実際に目にしたことはありません。コレクション タグのさまざまなタイプのコンテンツを数多く見てきましたが、通常、ページの作成者は自分の好きなスタイルを選んでそれを使い続けているようです。

私の心の主な矛盾は、

<p>
<div>

しかし、私はまた、意見を求めています

<span>

そして私が忘れているかもしれない他の人。

4

7 に答える 7

13

HTML はもともと、ドキュメントのコンテンツをコンピューターが理解できる何らかの構造にするために作成されました。そのことを念頭に置いて、pタグは、ページのコンテンツが印刷されたドキュメントに変換される場合、段落として構造化されるものを保持することになっています。divand要素は、span一般的な使用のコンテナとして予約されており、関連する要素の書式設定とグループ化を容易にして、テキスト ドキュメント内のページに関連する追加レベルの構造を提供します。

場合によっては、アンカー ( )、イメージ ( )、その他のインライン要素など、pタグに他の要素を含める必要があります。これらの要素は、段落の残りのコンテンツに直接関連しており、そのようにグループ化することが理にかなっているからです。段落の残りのテキストは、より詳細な説明を提供します。 aimg

ただし、これらの要素について追加の説明がない場合、それらを単に便利なコンテナーとして段落に配置しても意味がありません。aのdiv方が適切でしょう。一般に、段落には、テキストの 1 つの段落と、直接関連する要素または記述された要素が含まれていると想定されています。パラグラフの中では、他に意味のあるものは何もありません。

更新: HTML5 では、 、 、、、などarticle、他の多くのセマンティックな「コンテナー」要素も追加されています。navheadersectionaside

于 2009-02-25T15:47:09.443 に答える
7

タグの意味は次のようなものだと思います。

<p>Paragraph, usually just text</p>

<div>A block, containing anything</div>

<span>Just a simple non-blocking wrapper</span>
于 2009-02-25T15:37:00.653 に答える
4

これらの3つの（および他の多くの）タグの違いは、それらの意味的な意味です。HTML標準には、特定の意味的な意味を持つタグ（<p>段落、<em>強調されたテキストなど）と意味的な意味のないタグの両方が含まれています。

後者はとです。これらは<div>、 （たとえば、または属性<span>を使用して）識別する必要があるブロックレベルまたはインラインレベルのコンテンツを識別するために使用されますが、意味的に固有のタグは存在しません。たとえば、それが段落であり（ブラウザはすでに処理方法を知っている）、その内容の一部が名前であることを示すと書くことができます（CSSまたはJavaScriptがそれを使用しない限り、ブラウザにはまったく意味がありません）。class=id=<p>Hi, my name is <span class="name">John Doe</span>.</p>

したがって、これらのタグは、標準で提供されるセマンティックタグ（優れた例についてはhCard仕様を参照）に適合しないHTMLドキュメントに追加情報を追加する場合と、ビジュアル（CSS）または機能（JavaScript）を適用する場合の両方で非常に役立ちます。セマンティクスを変更せずにドキュメントを構造化します。

于 2009-02-26T00:44:48.310 に答える
2

ページの作成者はセマンティック マークアップを使用する必要があると思います。つまり、作成するマークアップは (プレゼンテーションではなく) 意味を伝達する必要があります。<div>と、<p>意味が異なります。前者は HTML ページの分割 (またはセクション) を定義するために使用され、後者はテキストの段落を定義するために使用されます。

于 2009-02-25T15:35:57.973 に答える
1

本当の味はありませんが、事実上何でもできるので、「webdeveloppement の豆腐」と見なすように言われまし<span>た。<div>

(X)HTML タグは、周囲のテキストが何であるかを定義します。それとアドレスか、リンクか、段落か、など...

<div>と<span>は、通常はアクセスできないサイトの一部にアクセスするための単純な方法です。| のサイズを変更しようとしているときのように シンボル。私が今までに見つけた最速の方法は、その周りにスパンを置き、クラスを与えてから CSS を実装することでした。

私の意見では、それが彼らの良いところです。私がここに書いたことについて、さらに多くの、またはさらには訂正を聞きたいと思います。

于 2009-02-26T00:05:33.287 に答える
0

HTML仕様を読む必要があるようです

p要素: _

p要素は段落を表します。

div要素: _

このdiv要素には特別な意味はまったくありません。それはその子を表します。class、lang、および属性とともに使用して、title連続する要素のグループに共通のセマンティクスをマークアップできます。

span要素: _

要素はそれspan自体では何も意味しませんが、グローバル属性 ( 、 、 など) と一緒に使用するとclass便利langですdir。それはその子を表します。

divとの主な違いspanは、span はflow content、phrasing content、およびpalpable contentであり、div は および のみflow contentであることpalpable contentです。

基本的に、これは次のように要約されます。

div要素はブロック レベルの要素であり、通常は他のブロック レベルの要素内にのみ配置できますが、span要素はインライン要素であり、他のほとんどの要素内に配置できます。

HTML 仕様では、各要素の子孫として受け入れられる要素が定義されています。

于 2013-04-15T14:52:19.470 に答える