So wählen Sie die richtigen HTML-Tags aus

Beim Layout von DIVCSS werden Sie auf ein Problem stoßen. Das heißt, wie Sie das HTML-Tag--Layout auswählen, aber es ist für Nicht-CSS-Anfänger sehr einfach, aber für diejenigen, die es gerade haben, ist es sehr einfach gelernt oder gerade mit der CSS-Produktion begonnen. Deshalb werden wir heute zusammenfassen, welche Etiketten unter welchen Umständen verwendet werden sollten.

Beim Layout stoßen wir immer auf verschiedene Probleme, deshalb stellen wir hier kurz vor, wie man HTML-Tags auswählt:

1. Frame-Layout (mit DIV-Tags)

In Webseiten Das Rahmenlayout verwendet im Allgemeinen das DIV-Layout und DIV-Boxen verwenden unabhängig von der Größe im Allgemeinen das DIV-Tag-Layout (

).

2. Listenlayout (mit ul li-Tag)

Beim Auffinden von Bildlisten und Artikeltitellisten werden normalerweise ul li-Listen-Tags für das Layout verwendet. Für die Einrichtung dieser Tags sind natürlich CSS-Stile erforderlich, um Layouteffekte zu erzielen. Dadurch wird es für das Programm einfacher, Schleifeninhalte beim Aufrufen von Daten auszuführen.

3. Titellayout (mit den Tags h1, h2, h3, h4)

Wenn Sie auf unabhängige Spaltentitel und Text-Tags stoßen, verwenden Sie normalerweise dieses Layout verleiht dem Inhalt ein Gefühl der Hierarchie. Gleichzeitig trägt die richtige Verwendung dieser Titel-Tags im Hinblick auf SEO dazu bei, das Ranking zu optimieren.

4. Inhaltsunabhängiger Stil (mit span)

In einem Textabsatz müssen mehrere Texte mit einem separaten Farbwert festgelegt werden. Zu diesem Zeitpunkt können Sie span hinzufügen Tags für diese Texte festlegen. Um den Effekt zu erzielen, wird span in Layout-Frameworks selten verwendet.

5. Funktionales Layout (img-, b-, strong-, u-, s- usw. Tags)

Verwenden Sie das Img-Tag , wenn Sie auf der Webseite auf attraktive Bilder stoßen; Wenn Sie auf Text stoßen, können Sie das b-Tag oder das starke Tag zum Fettdruck verwenden, das u-Tag verwenden, wenn Sie auf Unterstreichungen stoßen, das s-Tag verwenden, wenn Sie auf Text durch Zeilen stoßen ( löschen Zeilen) usw. Manchmal ist CSS nicht unbedingt erforderlich Die richtige Auswahl dieser HTML-Tags ist aus SEO-Sicht besser.

6. Absatz (p-Tag)

Im Allgemeinen verwenden Absätze in Artikeln p-Tags, d. h.

am Anfang jedes Absatzes und

Ende, damit der Artikel Die Absätze klar sind.

Zeilenumbruch-Layout manuell erzwingen (br-Tag)

Wenn Sie auf Text stoßen, der umgebrochen werden muss, verwenden Sie das br-Tag, also „
“. Es ist zu beachten, dass das br-Tag ein separates Tag ist und nicht. Das Box-Tag ist ein unabhängiges Tag. Verwenden Sie das br-Tag überall dort, wo Zeilenumbrüche erforderlich sind.

8. Tabellentyp (Tabellen-Tag)

Im

HTML-Layout bedeutet das Erlernen von DIV-CSS nicht, dass Sie auf das Tabellen-Tag verzichten müssen Manchmal wird das Tabellen-Tag noch benötigt. Wenn Sie beispielsweise auf ein Tabellenlayout stoßen, benötigen Sie immer noch das Tabellenlayout. Zu diesem Zeitpunkt ist die Verwendung des Tabellenlayouts besser als das div-Tag.

9. Formularlayout (Formular, Eingabe usw.)

Beim Formularlayout, wie Registrierung, Anmeldung, Ausfüllen von Daten und Übermittlung von Orten usw., werden alle Formular-Tags verwendet.

Ich glaube, jeder hat es durch unsere Einführung verstanden. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website! .

Verwandte Lektüre:

Welche Beziehung besteht zwischen der Div-Floating-Ebene und der Standard-Div-Ebene?

Wie man weiß, was CSS ist Attributstil ist für DIV festgelegt?

So erfahren Sie, ob der Browser HTML5 unterstützt

Das obige ist der detaillierte Inhalt vonSo wählen Sie die richtigen HTML-Tags aus. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!