ホームページ > 記事 > ウェブフロントエンド > HTML5のpタグとspanタグの概要
要素に 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 class="news"> <h2>这是头部</h2> <p>这是一个文本</p> <p>这是另一个文本</p> </p>
行内の要素を識別することです。
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 文でたくさんのことが書けそうな気がしますが、どれも覚えておいて損はありません。 【関連おすすめ】HTML5 フルバージョンマニュアル
3.
php.cn オリジナルの HTML5 ビデオチュートリアル以上がHTML5のpタグとspanタグの概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。