Was sind praktische Nachteile Verwendung W3C gültiges Präsentations-Element, das nicht als veraltet aufgelistet sind?

StackOverflow https://stackoverflow.com/questions/2235672

Frage

Was sind praktische Nachteile Verwendung W3C gültiges Präsentations-Element, das nicht aufgelistet ist als deprecated

  • für XHTML-CSS-Entwickler,
  • Sighted Endanwender von Website,
  • und für Nutzer von Screenreadern,?

wie <b>, <i>, <br>, <hr>, <small> Wenn ich diese Tags für Präsentations-Zwecke verwenden. ( Hinweis: diese auch in HTML 5 unterstützt)

Beispiel:

  1. Wenn ich <b> anstelle von <span style="font-weight: bold"> verwenden
  2. Wenn ich <i> anstelle von <span style="font-style: italic"> verwenden
  3. Wenn ich <br> verwenden, um Zeilenumbruch in Paragrah zu machen keinen Platz zu machen
  4. Wenn ich <hr> anstelle von <div style="border-bottom: 1px solid #666"> verwenden
  5. Wenn ich <small> anstelle von <span style="font-size: 9px"> verwenden

ich kenne den Unterschied zwischen <strong> und <b>. Meine Frage ist nicht über <strong> vs <b>

War es hilfreich?

Lösung

Es ist keine ‚con‘ zu verwenden sie per se. Es gibt eine ‚con‘ zu verwenden sie für die falsche Sache . Sie haben oft für die falsche Sache in Web-Seiten in der Vergangenheit verwendet worden, aber das heißt noch lange nicht, dass es keine richtige Sache.

<i> ist semantisch äquivalent zu <span style="font-style: italic">: das heißt, es gibt keinen semantischen Inhalt. Ein Wort innerhalb <i>...</i> ist nicht mehr wichtig; eine Web-Seite Text-to-Speech-Konverter sollte dieses Wort in einem betont Tonfall nicht (*) lesen.

Wenn Sie ein Wort betonen, wie ‚definitiv‘ in diesem Satz, sollten Sie auf jeden Fall Verwendung <em>. Dies ist der gemeinsame Fall. Aber wenn man nur eine typographische Detail wollen, wie einen Textblock nur für visuelle Zwecke italicising oder typografische Macken gerne beziehe sich immer auf Ihre Website als „Dinge, Welt “, <em> nicht geeignet ist und Sie würde die Semantik-freie Version (die <i> oder <span>) wollen.

In ähnlicher Weise ist <strong> geeignet „für die falsche Sache“ oben, wie es gemeint ist stark betont werden. Wenn Sie nur einen Teil des Textes wollte in fett gemacht werden, ohne was impliziert, dass es wichtiger ist als der umgebende Text ist, dann würden Sie verwenden <b> oder wiederum Arten auf einem anderen Element wie <span> oder <div>.

Eine häufige Verwendung für <i> und <b> ist, wenn Sie Text aus einer unsemantic Quelle einnehmen. Insbesondere ist es üblich, Inhalte von einem Textverarbeitungsprogramm zu importieren oder ähnlichen Anwendungen, bei denen kein Konzept der Betonung gibt es als solche, nur ‚kursiv‘ und ‚fett‘. In diesem Fall <i> und <b> (oder die Spanne Äquivalente) angemessen ist, weil Sie nicht wissen, was die semantische Absicht hinter diesem Textstil ist; dass Informationen bereits verloren.

Wenn Sie die automatische konvertiert alle kursiv <em> wie viele Werkzeuge tun, könnten Sie Markierung nach oben kursiv sein, die nicht Schwerpunkt darstellen sollen. Zum Beispiel Verweise auf andere Werke, die besser mit <cite> markiert würden, oder Wörter / Phrasen aus einer anderen Sprache wie Latein oder Französisch, die besser mit <span lang> markiert werden würde (und die damit verbundenen Stil es Worte aus einer anderen Sprache zu sagen sein sollte Kursiv).

<small> und <big> theoretisch der gleiche Fall sein könnte, aber während importierte Text mit fett / kursiv in ist üblich, importiert Größe Text nicht. Folglich niemand verwendet diese Tags und Sie sind in der Regel besser mit den normalen CSS font-size Stilen.

<br> und <hr> ist wohl nicht Präsentations in der gleichen Art und Weise, dass die oben genannten Tags sind. Ein Leitungsbruch kann ein wichtiger Teil des Inhalts (zB. In Linien in einer Adresse Trennen) und eine horizontale Linie stellt eine stärkere Trennung zwischen Abschnitten des Textes als ein bloßen Absatz. Selbstverständlich wenn Sie verwenden <br> gefälschte Absätze erstellen Sie tun es falsch (und du bist David Siegel circa 1998), und mit einem <hr> nur eine nette kleine Linie zu erhalten, die entweder nicht richtig ist.

(*. Anschauliches Beispiel, um herauszufinden, was realer Bildschirm Leser tatsächlich tun für den Leser als Übung wird)

Andere Tipps

Der Vollständigkeit halber ist hier die Index von Elementen, die Listen die sind veraltet und welche nicht (und Sie richtig in die besagt, sie als nicht veraltet).

Generell jedoch Menschen verwenden:

  • <strong> statt <b>;
  • <em> statt <i>;
  • <hr> und <br> weil es keine Alternative gibt;
  • <small> in meiner Erfahrung ist selten verwendet, mit CSS-Style stattdessen verwendet werden.

Es ist wichtig, dass <strong> und <em> haben semantische Bedeutung zu verstehen, aber <b> und <i> nicht so gibt es gültige Anwendungsfälle für beide.

h ist ein Schmerz zu Stil mit CSS ohne das Hinzufügen von mehr html

brs ärgert mich so, wie sie nicht wirklich sind erforderlich, wenn Sie Polsterung und Margen, die mit zu spielen

Ich neige dazu, em zu verwenden oder zu stark und nicht i oder b - beides bedeutet kursiv oder fett während em oder stark ist etwas abstraktere so, wenn Sie einig ‚em'phasis zu einem Text geben wollen oder einen Text machen sehen ein bisschen stärker sie mehr Sinn machen, ohne unbedingt fett oder kursiv

zu sein

Die Nachteile von <br> Elemente mit Zeilenumbrüche anzuzeigen (und daher nicht mit <p> Elemente Absätze angeben) ist, dass Sie Ihre Umfang der CSS Kontrolle über das Dokument sind begrenzt. Es ist viel einfacher zu viele <p> Textelemente zu verwalten, als Text eingestreut mit <br>s in einem Element über CSS.

Jedes Mal, wenn ich zusammen bin HTML-Dokument, verwende ich

  • <br> eine ‚weiche‘ Pause anzuzeigen. (Wie oben: Verwenden Sie eher Margen auf <p> Elemente zu zeigen, Absätze.)
  • <hr> zu zeigt die Aufteilung der beiden Abschnitte des Dokuments, z.B. zwischen den Header und Navigation oder Navigations und Inhalt. Wenn ein Browser ohne CSS-Unterstützung betrachtet das Dokument ein clear divide sichtbar ist. Ich verstecke dann die <hr>s über die CSS.

Ihre 5 Beispiele, nur diese, denke ich, hat Bedeutung: „# Wenn ich <small> anstelle von <span style="font-size:9px> verwenden“

Small ist relativ, während font-size:9px absolut ist. Wir sollten immer relative Einheiten verwenden, so dass der Browser ihren eigenen absoluten Maßstab wählen. <span style="font-size:small"> (oder vorzugsweise <span style="font-size:smaller">) wäre das Äquivalent.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top