Eines der Tags, die Sie früh in Ihrem lernen werden Web-Design Bildung ist ein Paar von Tags, die als "Emphasis-Tags" bekannt sind. Werfen wir einen Blick darauf, was diese Tags sind und wie sie heute im Webdesign verwendet werden.
Zurück zu XHTML
Wenn Sie HTML vor Jahren gelernt haben, lange vor dem Aufkommen von HTML5, haben Sie wahrscheinlich sowohl die Tags fett als auch kursiv verwendet. Wie zu erwarten, haben diese Tags Elemente in fetten bzw. kursiven Text umgewandelt. Das Problem mit diesen Tags und warum sie zugunsten neuer Elemente verdrängt wurden (die wir gleich betrachten werden), ist, dass es sich nicht um semantische Elemente handelt. Dies liegt daran, dass sie eher definieren, wie der Text aussehen soll, als Informationen über den Text. Denken Sie daran, HTML (wo diese Tags geschrieben werden) dreht sich alles um Struktur, nicht um visuellen Stil! Visuals werden bearbeitet von CSS und Webdesign Best Practices sind seit langem der Meinung, dass Sie auf Ihren Webseiten eine klare Trennung von Stil und Struktur haben sollten. Dies bedeutet, dass keine Elemente verwendet werden, die nicht semantisch sind und die eher detailliert aussehen als strukturieren. Deshalb die fetten und
Kursivschrift Tags wurden im Allgemeinen durch Strong (für Fettdruck) und Hervorhebung (für Kursivschrift) ersetzt.und
Die starken Elemente und die Hervorhebungselemente fügen Ihrem Text Informationen hinzu und beschreiben Inhalte, die anders behandelt und hervorgehoben werden sollten, wenn diese Inhalte gesprochen werden. Sie verwenden diese Elemente ziemlich genau so, wie Sie in der Vergangenheit Fett- und Kursivschrift verwendet hätten. Umgeben Sie Ihren Text einfach mit den öffnenden und schließenden Tags ( und zur Betonung und und für starke Hervorhebung) und der beigefügte Text wird hervorgehoben.
Sie können diese Tags verschachteln und es spielt keine Rolle, welches das externe Tag ist. Hier sind einige Beispiele.
Dieser Text wird hervorgehoben und die meisten Browser würden es kursiv anzeigen.
Dieser Text wird stark hervorgehoben und die meisten Browser würden es fett anzeigen.
In beiden Beispielen diktieren wir das visuelle Aussehen nicht mit dem HTML. Ja, die Standarddarstellung des Tag wäre kursiv und die wäre fett, aber dieses Aussehen könnte leicht in CSS geändert werden. Dies ist das Beste aus beiden Welten. Sie können die standardmäßigen Browserstile nutzen, um kursiven oder fetten Text in Ihrem Dokument zu erstellen, ohne tatsächlich die Linie zu überschreiten und Struktur und Stil zu mischen. Sag, du wolltest das Text nicht nur fett, sondern auch rot, können Sie dies zum SCS hinzufügen.
stark {
Farbe Rot;
}
In diesem Beispiel müssen Sie keine Eigenschaft für die Fettschrift hinzufügen, da dies die Standardeinstellung ist. Wenn Sie dies jedoch nicht dem Zufall überlassen möchten, können Sie es jederzeit hinzufügen:
stark {
Schriftdicke: fett;
Farbe Rot;
}
Jetzt haben Sie fast garantiert eine Seite mit fettem (und rotem) Text, wo immer Sie Tag verwendet wird.
Verdoppeln Sie die Betonung
Eine Sache, die uns im Laufe des Jahres aufgefallen ist, ist, was passiert, wenn Sie versuchen, die Betonung zu verdoppeln. Beispielsweise:
Dieser Text sollte beides haben fett und kursiv Text darin.
Sie würden denken, dass diese Zeile einen Bereich mit fett UND kursiv gedrucktem Text erzeugen würde. Manchmal passiert dies tatsächlich, aber wir haben gesehen, dass einige Browser nur den zweiten der beiden Hervorhebungsstile berücksichtigen, der dem eigentlichen Text am nächsten kommt, und diesen nur kursiv darstellen. Dies ist einer der Gründe, warum wir Hervorhebungs-Tags nicht verdoppeln.
Ein weiterer Grund, diese "Verdoppelung" zu vermeiden, sind stilistische Zwecke. Eine Form der Betonung reicht in der Regel aus, um den gewünschten Ton zu vermitteln. Sie müssen den Text nicht fett, kursiv, farbig, vergrößern und unterstreichen, um ihn hervorzuheben. Dieser Text würde bei all diesen verschiedenen Hervorhebungen grell werden. Seien Sie also vorsichtig, wenn Sie Hervorhebungs-Tags oder CSS-Stile verwenden, um Hervorhebungen zu verleihen, und übertreiben Sie es nicht.
Eine Anmerkung zu Fett und Kursiv
Ein letzter Gedanke - während die kühnen () und kursiv ()-Tags nicht mehr als Hervorhebungselemente empfohlen werden, gibt es einige Webdesigner, die diese Tags verwenden, um Inline-Textbereiche zu gestalten. Im Grunde verwenden sie es wie a Element. Das ist schön, weil die Tags sehr kurz sind, aber die Verwendung dieser Elemente auf diese Weise wird im Allgemeinen nicht empfohlen. Wir erwähnen es für den Fall, dass Sie es auf einigen Websites sehen, das nicht verwendet wird, um fetten oder kursiven Text zu erstellen, sondern um einen CSS-Hook für eine andere Art von visuellem Styling zu erstellen.