重複の可能性:
HTML タグの DIV と SPAN の違いは何ですか?
div以外の1行のテキストを使用する場合<span>
と書く場合の違いを知りたいのですが、スパンはその後にスペースを残しませんが、ブロックスタイリングコンテナです。<div>
span を使用する必要がある text-overflow に関連するものはありますか? 他の違いを探していますが、見つかりません。
重複の可能性:
HTML タグの DIV と SPAN の違いは何ですか?
div以外の1行のテキストを使用する場合<span>
と書く場合の違いを知りたいのですが、スパンはその後にスペースを残しませんが、ブロックスタイリングコンテナです。<div>
span を使用する必要がある text-overflow に関連するものはありますか? 他の違いを探していますが、見つかりません。
スタイリングの観点から、<span>
デフォルトは でdisplay: inline
あり、<div>
デフォルトはdisplay: block
です。その他の CSS の違いはありません。
(どの要素が含まれるか、どの要素が含まれるかについては異なる規則がありますが、それは CSS とは関係ありません)。
ウィキペディアごと:
div と span には 1 つの違いがあります。標準の HTML では、div はブロック レベルの要素ですが、span はインライン要素です。div ブロックは、段落と同じように、ページ上のドキュメントのセクションを視覚的に分離します。span 要素には、周囲のテキストとインラインで情報が含まれています。実際には、この機能もカスケーディング スタイル シート (CSS) を使用して変更できます。
もっと特別なものを探してバブルを破裂させてすみません。
これらの要素のブロック レベルとインライン レベルのプロパティは、 2 つの主な違いです。
考慮すべきことは、テキスト以外にそれぞれに何が含まれるかということです。インライン要素と他のブロック要素をブロック要素に配置することは完全に有効ですが、インライン要素に他のインライン要素を配置することのみが有効です。
詳細はこちら: http://www.w3resource.com/html/HTML-block-level-and-inline-elements.php
「1行のテキスト」を書くためにどちらを使用するかについては、おそらくどちらも使用しません。段落、または<p>
、タグがそれに最も適しているようです。意味的には、段落タグはテキストの段落を表示するために使用されますが、 aは意味的に何か<div>
のブロックを表示するために使用されます...段落、リスト、画像、フォームなど。別の要素に完全に適合しません。段落があり、文の一部だけに特別な書式を適用したい場合があります。たとえば、aを使用するとよいでしょう。<span>
<span>
<span>
にはブロック プロパティがないため、最後に改行はありませんが、変更されていない (デフォルトのブロック要素)<div>
タグはブロック要素であり、div タグの最後に改行が含まれます。