HTML5のpタグとspanタグの概要

1. ID とクラスの選択

要素に ID とクラス名のどちらを使用するかを決定するのは難しいことがよくあります。ここでは、集計結果を直接示します。 Web サイトでは、名詞が他の場所で使用されている場合に ID が使用されるのは間違いです。つまり、ID は、その要素が 1 回しか出現しないことが確実な場合にのみ使用する必要があります。将来同様の要素が必要になる可能性がある場合は、クラスを使用してください。 .

概要は非常に明確なので、あまり説明する必要はありません。

IDの使い過ぎのデメリットについて話しましょう。

IDの使い過ぎのデメリット:

IDを大量に使用すると、一意の名前を見つけるのは難しく、最終的には非常に長く複雑な命名規則を作成する必要があります。この問題を解決するには、上の概要を参照してください。

クラスを多用することのデメリット:

それに慣れている人もいます。 CSS スタイルを記述するときに必要なスタイルをより正確に制御するために、スタイルのすべての部分にクラスを追加します。これにより、コードが煩雑になり、柔軟性が低下します。 class hit の場合は、これらの要素を構成要素に分解することを検討してください。これにより、柔軟性が大幅に向上し、ページがより簡潔になります。

  <h2 class="news-head">这是头部</h2>
  <p class="news-text">这是一个文本</p>
  <p class="news-text">这是另一个文本</p>

このような単語が繰り返される場合、これらの要素を次のように分解できるかどうかを検討する必要があります。たとえば、次のように記述します。

2.p 要素と span

p 要素は、構造の要素を追加するのに役立ちます。 document.p は非セマンティックではなく、実際には p 要素を使用しないでください。コードが複雑すぎるでしょう

PS: これについて本に例を書きたくなかったのですが、私の観点から、この文を教えてください。こうあるべきだとわかっていますが、そうではありません。ある時点で p を使用するかどうかを確認します。

これがメイン

ナビゲーション

リストの場合は、p で保護しないでください。

<p class="news">
    <h2>这是头部</h2>
    <p>这是一个文本</p>
    <p>这是另一个文本</p>
</p>

しかし、それが ul タグである限り、機械的に考えないでください。 p タグで囲む必要はありません。 1 のクラス class の内容を見てみましょう。メイン ナビゲーション リスト全体のラベルに何らかのスタイル設計を実行する必要がある場合は、 class または id を各 li ラベルに追加するか、1 で述べたように p タグ パッケージを追加してコードを「コンポーネント化」します。

私は H5 開発を行ったことはありませんが、この種のことに絶対的なものはないことは知っています。また、p を使用するかどうかは、やはり使用目的に基づく必要があります。個人的には、ナビゲーション リストではありますが、ul を使用して直接構築できると思いますが、単に p を追加するだけではないように感じます。もう 1 つは、この開発について説明することです。

要素

の主な機能は、

行内の要素を識別することです。

Emmet简写为:p>ul>li*3>a[href=#] 然后按Table键
<p>
        <ul>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
            <li><a href="#"></a></li>
        </ul>
    </p>

両者の違いはもう明らかです

以上 QAQ 2 文でたくさんのことが書けそうな気がしますが、どれも覚えておいて損はありません

。 【関連おすすめ】

1. 無料の h5 オンラインビデオチュートリアル2.

HTML5 フルバージョンマニュアル

3.

php.cn オリジナルの HTML5 ビデオチュートリアル

以上がHTML5のpタグとspanタグの概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。