Zu den Tags, die Sie in Ihrer Webdesign-Schulung früh lernen werden, gehören zwei als "Hervorhebungs-Tags" bezeichnete Tags. Lassen Sie uns einen Blick darauf werfen, 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 fetten als auch die kursiven Tags verwendet. Wie zu erwarten, wandelten diese Tags Elemente in fetten Text oder kursiven Text um. Das Problem bei diesen Tags und der Grund, warum sie zugunsten neuer Elemente (die wir in Kürze betrachten werden) beiseite geschoben wurden, besteht darin, dass sie keine semantischen Elemente sind. Dies liegt daran, dass sie definieren, wie der Text aussehen soll, und nicht über Informationen zum Text. Denken Sie daran, dass es bei HTML (wo diese Tags geschrieben werden würden) nur um Struktur und nicht um visuellen Stil handelt! Visuals werden von CSS verarbeitet, und bewährte Vorgehensweisen für Webdesign haben lange Zeit die Auffassung vertreten, dass Sie eine klare Trennung von Stil und Struktur auf Ihren Webseiten haben sollten. Dies bedeutet, dass keine Elemente verwendet werden, die nicht semantisch sind und deren Details eher aussehen als strukturiert. Aus diesem Grund wurden die fett und kursiv markierten Tags im Allgemeinen durch stark (fett) und hervorgehoben (kursiv) ersetzt.
und
Die Elemente "strong" und "Hervorhebungen" fügen Ihrem Text Informationen hinzu, die den Inhalt angeben, der anders behandelt werden sollte, und sollten hervorgehoben werden, wenn dieser Inhalt gesprochen wird. Sie verwenden diese Elemente auf die gleiche Art und Weise, wie Sie früher Fett- und Kursivschrift verwendet hätten. Umschließen Sie Ihren Text einfach mit den öffnenden und schließenden Tags ( und zur Betonung und und für starke Betonung) 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 darstellen.
Dieser Text wird stark betont und die meisten Browser würden es fett darstellen.
In beiden Beispielen diktieren wir nicht den visuellen Look mit HTML. Ja, die Standardeinstellung des Tag wäre kursiv und die wäre fett, aber diese Looks könnten in CSS leicht geändert werden. Dies ist das Beste aus beiden Welten. Sie können die Standard-Browser-Stile nutzen, um kursiven oder fetten Text in Ihrem Dokument zu erhalten, ohne die Linie zu überqueren und Struktur und Stil zu mischen. Sagen Sie, dass Sie das wollten Text, um nicht nur fett zu sein, sondern auch rot zu sein, können Sie dies dem CSS 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 das nicht dem Zufall überlassen wollen, können Sie es immer noch hinzufügen: stark { Schriftdicke: fett; Farbe Rot;} Nun wäre Ihnen garantiert, dass Sie eine Seite mit fettem (und rotem) Text überall haben werden Tag wird verwendet. Was mir im Laufe des Jahres aufgefallen ist, ist, was passiert, wenn Sie versuchen, die Betonung zu verdoppeln. Zum Beispiel: Sie würden denken, dass diese Zeile einen Bereich erzeugen würde, der Text enthält, der fett und kursiv ist. Manchmal geschieht dies tatsächlich, aber ich habe gesehen, dass einige Browser nur den zweiten der beiden Hervorhebungsstile, denjenigen, der dem fraglichen Text am nächsten ist, ehren und diesen nur kursiv darstellen. Dies ist einer der Gründe, warum ich die Hervorhebungs-Tags nicht verdoppelt habe. Ein weiterer Grund, dieses "Verdoppeln" zu vermeiden, ist aus stilistischen Gründen. Eine Form der Betonung, wenn normalerweise genug, um den Ton zu vermitteln, den Sie einstellen möchten. Text muss nicht fett, kursiv, farbig, vergrößert und unterstrichen werden, damit er hervorgehoben wird. Dieser Text, der alle diese verschiedenen Akzente setzen wird, würde grell werden. Seien Sie also vorsichtig, wenn Sie Hervorhebungs-Tags oder CSS-Stile verwenden, um die Betonung zu erhöhen, und übertreiben Sie sie nicht. Ein letzter Gedanke - während der Mutige () und Kursivschrift () Es wird nicht mehr empfohlen, Tags als Hervorhebungselemente zu verwenden. Es gibt einige Webdesigner, die diese Tags verwenden, um inline Textbereiche zu gestalten. Im Grunde verwenden sie es wie ein Element. Das ist schön, weil die Tags sehr kurz sind, aber die Verwendung dieser Elemente auf diese Weise wird im Allgemeinen nicht empfohlen. Ich erwähne in für den Fall, dass Sie es auf einigen Websites sehen, die nicht dazu verwendet werden, fetten oder kursiven Text zu erstellen, sondern einen CSS-Hook für eine andere Art visueller Gestaltung. Originalartikel von Jennifer Krynin. Bearbeitet von Jeremy Girard am 02.12.16. Verdoppeln Sie den Schwerpunkt
Dieser Text sollte beides haben fett und kursiv dargestellt Text darin.
Ein Hinweis zu Fett und Kursiv
