Ist es wichtig <strong> in <em>
oder <em> in <strong> ?
Was ist semantisch korrekt und zugänglicher?
Aktualisierung:
Wie würde sich der Bildschirmleser in beiden Situationen verhalten?
Syntaktisch korrekt, aber nicht semantisch korrekt. <strong> ist sozusagen ein Formular "höherer Ordnung" von <em> . Wenn Sie nach dem Effekt von <b> und <i> suchen, verwenden Sie CSS. Denken Sie daran, Elemente nicht zu wählen, weil sie aussehen, sondern was sie bedeuten.
Wenn Sie an semantischer Bedeutung interessiert sind, sollten Sie vermeiden, sowohl em als auch strong für ein Element zu haben.
Stark: Rendert als stark hervorgehoben Text
( über )
Wenn Sie sich für gültiges HTML interessieren, sind beide Lösungen in Ordnung und gültig.
Laut w3 ist strong starke Betonung . Das bedeutet, dass em und strong nicht zusammen semantisch verwendet werden sollten, da strong bereits ein em ist.
Wenn Sie glauben, dass starke Hervorhebungen fett und kursiv sein sollten, sollten Sie einfach eine CSS-Deklaration hinzufügen, in der Sie das Starke fett und kursiv formatieren.
In einer visuellen Effektperspektive spielt es keine Rolle.
In semantischer Bedeutung spielt es eine Rolle, da Sie Betonung und starke Betonung in demselben Element (ein wenig Text) verwenden. Es ist dasselbe wie an einigen Stellen h1 zu verwenden, nur weil Sie große Texte und nicht weil sie Titel sind.
EM: Zeigt die Betonung an.
STRONG: Zeigt stärkere Betonung an.
Die Präsentation von Phrasenelementen hängt vom Benutzeragenten ab. Allgemein, Visual User Agents präsentieren EM Text in kursiv und stark Text in Fettschrift. ** Sprachsynthesizer-Benutzeragenten können Ändern Sie die Syntheseparameter, z als Lautstärke, Tonhöhe und Rate entsprechend.
Also Vorsicht. Verwenden Sie CSS, um visuelle Effekte zu erzielen, nicht Markup.
In (X) HTML5 sind die Definitionen / Bedeutungen:
em : steht für Betonung des Inhalts (Änderungen Bedeutung des Satzes) strong : Bedeutet für seinen Inhalt eine große Bedeutung (doesn ändere die Bedeutung des Satzes nicht. Diese Elemente können also im Prinzip zusammen verwendet werden.
Um eine Idee zu bekommen, denken Sie daran, einen Text laut zu lesen (hängt jedoch von der Sprache ab): em könnte die Intonation (Betonung) verändern, strong könnte die Lautheit erhöhen.
Ich denke semantisch macht es keinen Unterschied, wenn Sie <strong><em>foo</em></strong> oder <em><strong>foo</strong></em> verwenden; zumindest konnte ich nichts in der Spezifikation finden.
Tags und Links accessibility screen-readers xhtml semantic-markup