Was ist der Unterschied zwischen <b> y <strong> , <i> y <em> in HTML/XHTML? Wann sollten Sie beide verwenden?
Antworten
Zu viele Anzeigen?
mwiik
Punkte
229
Während <strong> y <em> natürlich semantisch korrekter sind, scheint es durchaus legitime Gründe zu geben, den <b> y <i> Tags für von Kunden geschriebene Inhalte.
In solchen Inhalten können Wörter oder Phrasen fett oder kursiv gedruckt sein, und es ist im Allgemeinen nicht unsere Aufgabe, die semantischen Gründe für diese Fett- oder Kursivschreibung zu analysieren.
Außerdem können solche Inhalte auf fett und kursiv gedruckte Wörter und Sätze verweisen, um eine bestimmte Bedeutung zu vermitteln.
Ein Beispiel wäre eine Englisch-Prüfungsfrage, bei der ein Schüler das fettgedruckte Wort ersetzen soll.
Kariem
Punkte
3746
<b> y <i> sind beide mit dem Stil verbunden, während <em> y <strong> sind semantisch. In HTML 4 werden die ersten klassifiziert als Schriftstilelemente und letztere als Satzglieder .
Wie Sie richtig bemerkten, <i> y <em> werden oft als ähnlich angesehen, da die Browser beide oft kursiv darstellen. Aber laut den Spezifikationen, <em> zeigt Betonung an y <strong> bedeutet stärkere Betonung was ziemlich klar ist, aber oft falsch interpretiert wird. Auf der anderen Seite ist die Unterscheidung, wann man <i> o <b> ist wirklich eine Frage des Stils.
Thomas Eding
Punkte
33018
<em> y <strong> mehr Bandbreite verbrauchen als <i> y <b> .
Außerdem erfordern sie mehr Tipparbeit (wenn sie nicht automatisch generiert werden).
Außerdem überladen sie den Editor mit mehr Text. Ich meine mich zu erinnern, dass Programmierer kleinere Quelldateien bevorzugen, wenn sie gleich sind. (And let's be real, they are the same. Yes, there are "technical" (<i> Husten </i>, ähm, entschuldigen Sie) Unterschiede, aber das ist zumeist nur vorgetäuscht.)
Bei jedem der oben genannten Tags können Sie mithilfe von Stilvorlagen das Erscheinungsbild nach Belieben anpassen, wenn sie anders als die Standarddarstellung aussehen sollen.
Stephan Leclercq
Punkte
864
b o i bedeutet, dass der Text fett oder kursiv dargestellt werden soll. stark o em bedeutet, dass der Text so dargestellt werden soll, dass der Benutzer ihn als "wichtig" versteht. Standardmäßig wird "strong" als "fett" und "em" als "kursiv" dargestellt, aber einige andere Kulturen verwenden möglicherweise eine andere Zuordnung.
Wie Zeichenketten in einem Programm, b y i würde "hart kodiert" sein, während stark y em würde "lokalisiert" werden.
adnan2nd
Punkte
1685
<i> , <b> , <em> y <strong> Tags sind traditionell repräsentativ. Aber sie haben eine neu semantische Bedeutung en HTML5 .
<i> y <b> wurde in HTML4 für den Schriftstil verwendet. <i> wurde für kursive Schrift verwendet und <b> für fett. In HTML5 <i> Tag hat eine neue semantische Bedeutung von ' wechselnde Stimme oder Stimmung ' und <b> Tag hat die Bedeutung von stilistisch abgesetzt .
Beispiele für die Verwendung von <i> Tag sind - taxonomische Bezeichnung, technischer Begriff, idiomatische Phrase aus einer anderen Sprache, Transliteration, ein Gedanke, Schiffsnamen in westlichen Texten. Wie zum Beispiel -
<p><i>I hope this works</i>, he thought.</p>Beispiele für die Verwendung von <b> Tag sind Schlüsselwörter in einem Dokumentenextrakt, Produktnamen in einer Rezension, handlungsrelevante Wörter in einer interaktiven, textgesteuerten Software, Leitartikel.
Der folgende Beispielabsatz ist stilistisch von den nachfolgenden Absätzen abgesetzt.
<p><b class="lead">The event takes place this upcoming Saturday, and over 3,000 people have already registered.</b></p><em> y <strong> hatte in HTML4 die Bedeutung von emphasis und strong emphasis. Aber in HTML5 <em> bedeutet betonte Betonung y <strong> bedeutet große Bedeutung .
Im folgenden Beispiel sollte beim Lesen des Wortes eine sprachliche Änderung vorgenommen werden vor ...
<p>Make sure to sign up <em>before</em> the day of the event, September 16, 2016</p>In demselben Beispiel können wir die <strong> Tag wie folgt ..
<p>Make sure to sign up <em>before</em> the day of the event, <strong>September 16, 2016</strong></p>um dem Datum der Veranstaltung Bedeutung zu verleihen.
MDN Ref:
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/b
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/i
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/em
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/strong
