1

だから私はウェブサイトの委託を受けており、コードを改善しようとしています. 複数の種類のフォント (ここでは大きい、小さい、太字、下線など) を使用する Web サイトを扱う場合、ここで h1 から h6 を使用しますか、それともある場合に備えてそれらを予約しますか?<p class="xxx">テキストのさまざまなクラスを定義する代わりに使用する明確な階層？

4

3 に答える 3

7
  1. 大きい、小さい、太字、下線などを付ける理由を決定します。
  2. 1 で決定したセマンティクスを表現するマークアップをdivand span(セマンティック フリー要素) を使用して記述し、より適切なものが存在しない場合は追加classし、idより具体的なものが必要な場合は HTML が明示的に提供するものを追加します。
  3. それらのスタイルを適用するルールセットのマークアップに一致する CSS セレクターを記述します。

したがって、見出しがある場合にのみ見出しを使用し、順番に使用してください。h1主な見出し、h2小見出し、小見出しh3など。

見出しから適切な目次を生成できない場合は、ほとんどの場合、それらを正しく使用していません。

于 2010-05-26T06:00:38.303 に答える
1

使用h1-h6するべき場所で使用してください。pクラスを使用して、またはの内部を含め、テキストを装飾しますh1-h6。

経験則として、スタイルシートなしで Web サイトがどのように見えるかに注目してください。スタイルシートがなくても Web サイトでメッセージを伝えることができれば問題ありません。

提案として、タグで複数のクラスを使用できることを思い出してください。これを使用して、次のようなより小さく単純なルール セットを定義できます。

.bigFont    { font-size: 150%; }
.italicFont { font-style: italic; }
.grayFont   { color: Gray; }
...

そして、これらのスタイルの 1 つ以上をタグに適用します。

于 2010-05-26T06:04:48.920 に答える
0

意味的には h1 - h6 は見出し用です。サイトのさまざまな種類のフォントがすべて見出しである場合は、問題ないと思います。

同様に、段落には p が使用されます。

テキストのスタイルが異なる異なる段落がある場合は、はい

<p class="firststyle">This is paragraph 1</p>

<p class="secondstyle">This is paragraph 2</p>

ただし、これらのタグには意味があることを忘れないでください。詳細については、この記事を参照してください

于 2010-05-26T06:08:09.313 に答える