Heim >Web-Frontend >CSS-Tutorial >So verwenden Sie Titelelemente, Absätze und erzwungene Zeilenumbrüche richtig_Basis-Tutorial
So verwenden Sie Titelelemente richtig
HTML-Titelelementtypen sind h1, h2, h3, h4, h5 und h6. Wir sollten den Titel ernst nehmen, wenn wir in der Schule lernen (haha, aber ich habe es nicht gelesen. Wie viele Bücher habe ich gelesen?
Die Überschrift der höchsten Ebene auf der Seite muss h1 sein. Es sollte beschreiben, was die Seite tut. Die meisten Seiten haben einen H1-Titel, aber komplexe Seitendateien können mehr als ein H1-Tag haben.
Der h2-Titel markiert die nächste Strukturebene, die nächste Ebene ist h3 usw. und Sie können nicht von h2 nach h4 springen. h4 sollte nicht auf h2 folgen; dazwischen sollte h3 stehen. Der Elementtyp
Hn ist wichtig, um den Titel zu kennzeichnen. Hilfstechnologien wie Screenreader können einen geeigneten Titel verwenden, um den Überblick über das Dokument zu verstehen. Wenn wir ... verwenden, können sie es nicht verstehen.
So verwenden Sie P und BR richtig
Das P-Element markiert einen Textabsatz. Ein Absatz besteht aus einem oder mehreren Sätzen.
Erzwungene Zeilenumbrüche (br) sind normalerweise nur ein oberflächliches Werkzeug und sollten eher von CSS als von HTML verarbeitet werden. Allerdings kann man sagen, dass erzwungene Zeilenumbrüche an manchen Stellen auch semantisch sind, etwa bei Gedichten, Liedern, E-Mail-Adressen und Computer-Codierungsdemonstrationen. Dies mag eine legitime Verwendung sein, aber die Verwendung von br zum Trennen von Absätzen ist definitiv falsch.
Andererseits hat P eine sehr klare semantische Bedeutung: Es bedeutet Absatz. Manchmal verwenden WEB-Designer P als gewöhnliches Element auf Blockebene, was offensichtlich falsch ist. Es ist nicht schwer zu erkennen, dass die Label- und Input-Tags im P-Tag enthalten sind. Dies ist semantisch absolut falsch. Die Label- und Input-Tags bilden keinen „Absatz“.