6

テキストのスタイルを設定するには、通常、次のいずれかを使用します。

<span class="header">...</span>
<div class="header">...</div>
<p class="header">...</p>
<label class="header">...</label>

しかし、CSS スタイルをテキスト ブロックに適用するためにどのタグを使用するかは、実際には問題なのでしょうか?

通常<div>、単一のブロックに含める必要があるすべてのもの (ヘッダーや脚注など)、または<span>すべてのインライン (段落内の強調テキストなど) に使用しますが、最近、<div>タグを使用してテキストのスタイルを設定していることに気付きまし*Requiredた。これは 1 つの単語なので、少しばかげています。これが「正しい」方法なのか、このような単純なテキストのスタイリングに使用するタグは別のタグよりも優れているのか疑問に思い始めました。

css クラスをテキスト ブロックに適用するときに使用するタグについて、何らかの標準はありますか? その場合、どのタグをいつ使用するかを決定する要因は何ですか?

4

4 に答える 4

8

あなたが引用したすべてのタグには意味的な価値があります。

たとえば、<p>はテキスト パラグラフを<label>表し、入力に注釈を付けるために使用されるテキストのブロックを表します。また、 a <div>はページを論理的なセクション (分割、したがって名前) で区切るのに役立ちますが、必ずしもテキストのみである必要はありませんが、 a<span>は通常、特定のスタイル設定のためにインライン テキストのセクションを示すために使用されます (スパンを表示することはできますが)。必要に応じてブロックレベル要素として)。

セマンティクスの標準に従う必要はありませんが、検索エンジンのクローラーなど、人間の目でページを「見る」のではなく、非視覚的な方法でページを解釈する必要がある場合に役立ちます。ページがどのように構成されているかを大まかに知ることができます。

于 2013-01-09T20:35:11.463 に答える
1

そこにある各タイプの要素のセマンティック定義を確認してください: http://w3schools.com/tags/default.asp

spanとは意味的にdiv中立ですが、ユーザーとブラウザーに意味を与えるのに役立つクラスまたは記述子を使用してより適切に表示される場合があります。さらに、表示のためだけに追加の要素を挿入するのではなく、より高いレベルのブロックまたはインライン要素を使用して、CSS を介してスタイリングを提供できる場合があります。

これは、HTML5 が 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 、 などの新しい要素を定義して、いくつかのarticle利点sectionをaside提供figureするheader領域hgroupでnavもfooterありdetailsますsummary。上記のリンクには、これらの各要素タイプとその標準的な使用法、および想定される意味も記載されています。

マークアップは正確な科学ではありませんが、使用される要素とその暗黙の意味についてさらに考えることは、コードをより適切に構造化するのに役立つだけでなく、CSS セレクターに関してより多くのオプションを提供するのにも役立ちます。

于 2013-01-09T20:42:16.003 に答える
0 
<span class="header">...</span>

インラインテキストの変更に最適です。

<div class="header">...</div>

通常はブロックに使用されますが、テキスト付きのブロックもブロックです。

<p class="header">...</p>

これは段落用です。また、デフォルトでは、その下に追加のマージンがあります。

<label class="header">...</label>

フォーム要素のコンテキストでのみ使用されます

それらすべてをすべてに使用できます。また、スパンをブロック要素として表示することもできますが、これがすべてのブラウザーで同じように表示されるかどうかはわかりません。そして、SirDariusがすでに述べたように、それは非視覚的な方法にとって重要です

于 2013-01-09T20:47:51.303 に答える
-2

「あなたが引用したすべてのタグには意味値があります。たとえば<p>、段落を示し<label>、入力に注釈を付けるために使用されるテキストのブロックを表します。」

ダリウス卿は絶対に正しいです。使用しているタグは、その説明を反映している必要があります。

<div>およびについて具体的に知りたい場合は<span>、<div>通常、css でフォーマットするために使用されるグループ ブロック要素に が使用されます。A<span>はインライン要素に使用されます (例: 文中の 1 つの単語のスタイリング)。

すべてのタグの詳細については、こちらを参照してください。

于 2013-01-09T20:44:50.023 に答える