Ich habe immer <b> tag verwendet, um etwas zu fett zu machen, denn so habe ich es schon vor langer Zeit gelernt. Aber jetzt informiert mich meine IDE immer, dass <b> veraltet ist und css style verwendet. Angenommen, sie wollen, dass ich <div style="font-weight:bold;">Bold Text</div> verwende. Wie wichtig ist diese Nachricht, die meine IDE mir gibt? Sollte ich zurückgehen und alle meine <b> zu Stil ändern?
Im Folgenden finden Sie ein Beispiel für beide Situationen. Könnte jemand den Unterschied zwischen beiden erklären und warum <b> jetzt veraltet ist?
Vs.
%Vor% Wäre <b> besser, weil jemand, der css im Browser deaktiviert hat, trotzdem korrekt angezeigt wird?
Die richtige Frage lautet: "Welches Markup beschreibt meinen Inhalt am besten?"
Beginnen wir mit dem <b> -Tag (das nicht ist veraltet):
Das b-Element repräsentiert eine Textspanne, die stilistisch versetzt werden soll von der normalen Prosa ohne besondere Bedeutung, wie z Schlüsselwörter in einem Dokumentzusammenfassung, Produktnamen in einer Überprüfung oder andere Textspannen, deren typische typografische Darstellung stark ausgeprägt ist.
...
Sie sollten keine B- und I-Tags verwenden, wenn es eine aussagekräftigere Beschreibung gibt relevantes Tag verfügbar. Wenn Sie sie verwenden, ist es normalerweise besser Fügen Sie Klassenattribute hinzu, die die beabsichtigte Bedeutung des Markups beschreiben. so dass Sie eine Verwendung von einer anderen unterscheiden können.
...
Es mag hilfreich sein, b oder i Elemente als im Wesentlichen ein Span-Element zu betrachten mit einem automatischen Fallback-Styling. Genau wie ein Spannelement, diese Elemente profitieren normalerweise von Klassennamen, wenn sie nützlich sein sollen.
Zum Vergleich hat <strong> einen spezifischeren Zweck:
Das starke Element repräsentiert eine Textspanne mit starker Wichtigkeit.
Zum Beispiel:
%Vor%Hier betonen wir das Wort "Warnung", um seine Wichtigkeit zu betonen.
Aber nicht:
%Vor% "Element 1" soll nicht gestresst sein, also ist <strong> das falsche Tag. Außerdem ist es möglich, dass die gesamte Struktur besser dargestellt werden kann.
Wenn die Bedeutung des Textes eine große Bedeutung hat, ist <strong> angemessen (genau wie diese Zeile).
Vielleicht möchten Sie nur eine dickere Schriftart für Stil Zwecke und der Text hat keine besondere Bedeutung. In diesem Fall können weder <strong> noch <b> geeignet sein.
In allen Fällen:
Würde
<b>besser sein, weil wenn jemand CSS deaktiviert hat Browser, würde es immer noch korrekt angezeigt werden?
Nein. Verwenden Sie das korrekte Markup für den Job. Es ist ziemlich ungewöhnlich, dass jemand, der die visuelle Darstellung Ihrer Website verwendet, das Stylesheet gerne deaktiviert, aber nicht-visuelle Nutzer kümmern sich in erster Linie um die Struktur Ihres Dokuments. Ein "nicht-visueller Konsument" könnte eine Suchmaschine sein, die Ihren Inhalt oder eine Screenreader-Anwendung analysiert.
Zusätzliches Lesen:
Sie sollten <strong> anstelle von <b> verwenden. Sie könnten Stile ( text-weight: bold in einem separaten Blatt) verwenden, wenn eine bestimmte Textgruppe immer fett dargestellt wird und Sie <strong> aus irgendeinem Grund nicht verwenden wollten (oder konnten). Aber ich würde diesen Weg nur gehen, wenn Sie bereits andere Stile auf dasselbe Element anwenden würden.
Es ist nicht "vital", wenn der Code immer noch funktioniert. Obwohl es den gegenwärtigen Standards entsprechen würde, die dem Code eine längere Zukunft geben werden.
Der Unterschied besteht darin, dass die Verwendung von CSS Ihr Styling von Ihren Inhalten trennt. <b> ist ein Stil, nichts mehr. Und es koppelt dieses Markup eng an diesen Stil. Die Trennung ermöglicht es Ihnen, das Markup auf andere Weise hervorzuheben, anstatt immer eine Fettschrift zu verwenden.
Wäre besser, denn wenn jemand css im Browser ausgeschaltet hat, würde es trotzdem korrekt angezeigt werden?
Nein, denn wenn der Benutzer das Styling deaktivieren möchte, untergräbt Ihr <b> -Tag das, weil es Styling mit Inhalt vermischt.
Ich finde, dass die Verwendung von <strong></strong> der bessere Ansatz ist als die Verwendung von <b> oder Inline-Stilen.