Einführung in p- und span-Tags in HTML5

1. Auswahl von ID und Klasse

Oft fällt es uns schwer zu entscheiden, ob ein Element eine ID oder einen Klassennamen verwenden soll:

Verwenden Sie die ID nur, wenn das Zielelement so eindeutig ist, dass der Begriff niemals an anderer Stelle auf der Website verwendet wird. Mit anderen Worten: Sie sollten die ID nur verwenden, wenn Sie absolut sicher sind, dass das Element nur einmal vorkommt Wenn Sie in Zukunft ähnliche Elemente benötigen, verwenden Sie Klassen

Die Zusammenfassung ist sehr klar, sodass nicht zu viel erklärt werden muss.

Lassen Sie uns über ihre jeweiligen Konsequenzen sprechen Überbeansprucht. Nachteile.

Nachteile der zu häufigen Verwendung von IDs:Wenn Sie häufig IDs verwenden, werden Sie bald Schwierigkeiten haben, eindeutige Namen zu finden, und am Ende müssen Sie sehr lange, Sehr komplexe Namenskonventionen gelöst. Für dieses Problem müssen Sie nur die Zusammenfassung oben lesen.

Nachteile der Verwendung zu vieler Klassen:Beim Schreiben von CSS-Stilen sind einige Leute daran gewöhnt, a hinzuzufügen Klasse an jeder Stelle im Stil, um den erforderlichen Stil genauer zu steuern. Dies führt tatsächlich dazu, dass der Code umständlich und weniger flexibel ist. Wenn Sie also wiederholte Wörter in der Klasse finden, sollten Sie eine Zerlegung in Betracht ziehen Wenn Sie diese Elemente in ihren Abschnitt einfügen, wird dies die Flexibilität erheblich erhöhen und die Seite prägnanter gestalten.

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

Bei wiederholten Wörtern wie diesem sollten Sie überlegen, ob diese Elemente gebrochen werden können Zerlegen Sie den Code stärker in seine Bestandteile. Schreiben Sie ihn beispielsweise so:

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

und identifizieren Sie dann verschiedene Inhalte durch Kaskade

Das p-Element ist ein Element, das dabei hilft, dem Dokument Struktur zu verleihen. p steht eigentlich für pision.

Verwenden Sie p nicht nach Bedarf Hinweis:
Das p-Element sollte nur verwendet werden, wenn kein Element vorhanden ist, das eine Bereichssegmentierung erreichen kann. PS: Ich wollte kein Beispiel in einem Buch schreiben darüber. Aber aus meiner Sicht. Aus der Perspektive, mir nur diesen Satz zu sagen, weiß ich, dass er so sein sollte, aber ich weiß nicht, ob ich zu einem bestimmten Zeitpunkt p verwenden soll.
Wenn das so ist eine Haupt-

Navigation

Verteidigen Sie es nicht in p.

Aber denken Sie nicht automatisch, dass Sie das nicht tun müssen Werfen wir einen Blick auf den Inhalt der Klasse

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>

class< in 1 🎜>, wenn Sie ein Stildesign für die Beschriftungen der gesamten Hauptnavigationsliste durchführen möchten class oder id zu jedem li-Label, oder sollten Sie einfach ein p-Label hinzufügen, um es wie in 1 erwähnt zu verpacken? Der Code wird „komponentisiert“.

Ich habe noch nie H5-Entwicklung gemacht, aber ich weiß, dass es keine gibt In solchen Fällen müssen Sie immer noch prüfen, ob p entsprechend dem Verwendungszweck verwendet werden soll. Obwohl es sich um eine Navigationsliste handelt, die direkt mit ul erstellt werden kann, ist das Hinzufügen eines p meiner Meinung nach nicht der Fall Machen Sie die Navigationsliste einfach zu einem Block. Die Hauptfunktion des

oder identifizieren Sie die Elemente in der Zeile.

Das war's, als hätte ich so viele Dinge geschrieben, die in zwei Sätzen geschrieben werden können. Wie auch immer, es sind nur zwei Sätze zusammenfassend, aber sie müssen alle im Gedächtnis behalten werden[Verwandte Empfehlungen]1.

Kostenloses h5-Online-Video-Tutorial

<p><span class="aa">Harry Knowles</span></p>

2.

HTML5-Vollversionshandbuch

3.

php.cn Original-HTML5-Video-Tutorial

Das obige ist der detaillierte Inhalt vonEinführung in p- und span-Tags in HTML5. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!