Wie wähle ich die zu verwendenden HTML-Tags aus? Wann welches Etikett wählen? Wie wähle ich HTML-Tags im Webseitenlayout aus?
Sie werden erfahren, wie Sie beim Layouten das HTML-Tag-Layout auswählen. Für Nicht-CSS-Anfänger ist dies jedoch sehr einfach, für diejenigen, die gerade erst CSS gelernt oder gerade mit der Erstellung von CSS begonnen haben, ist es ein unsichtbares Problem.
Hier finden Sie eine kurze Einführung in die Auswahl von HTML-Tags im DIV+CSS-Layout:
1. Frame-Layout (mit DIV-Tags)
Frame-Layout wird im Allgemeinen verwendet Das DIV-Layout von Webseiten verwendet unabhängig von der Größe des DIV-Felds 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 (Tags „img“, „b“, „strong“, „u“, „s“ usw.)
Verwenden Sie das Tag „img“, wenn Sie auf attraktive Bilder auf der Webseite stoßen Fetter Text oder starkes Tag, verwenden Sie das u-Tag, wenn Sie auf Unterstreichungen stoßen, verwenden Sie das s-Tag, wenn Sie auf durchgestrichenen Text stoßen usw. Manchmal wird CSS nicht unbedingt verwendet, um diese funktionalen Layouts zu implementieren. Eine geeignete Auswahl dieser HTML-Tags ist aus SEO-Gründen besser Aspekt.
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.7. Manuelles erzwungenes Zeilenumbruchlayout (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-Label ist ein unabhängiges Label. Verwenden Sie das br-Label überall dort, wo Zeilenumbrüche erforderlich sind.
8. Tabellentyp (Tabellen-Tag)
Im HTML-Layout bedeutet das Erlernen von DIV-CSS nicht, dass auf das Tabellen-Tag verzichtet werden muss, beispielsweise wenn auf Tabelle gestoßen wird Typ Für das Layout wird weiterhin das Tabellen-TR-TD-Tag-Layout benötigt. Derzeit 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.
Das obige ist der detaillierte Inhalt vonhtml So verwenden Sie HTML-Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!