Tipps zur Verwendung kleiner HTML-Tags

Phrasenelemente wie können die Dokumentstruktur verbessern und gleichzeitig den beabsichtigten visuellen Stil beibehalten. Aber ist in alltäglichen Anwendungen nicht sehr verbreitet. Der erste Eindruck ist, ob Taobao UED dieses kleine Problem vernachlässigt hat?

Auch in Bezug auf sind die Ergebnisse von Online-Suchen sehr fragmentiert. Einige sagen, dass die Verwendung nicht empfohlen wird, während andere den Namen in den verlassenen Tags nicht erwähnen. Glücklicherweise wird dies im Buch „Mastering HTML Semantics, Standards, and Styles“ ausführlich erklärt.

 wird wie seine Brüder <hr><pre> als Präsentationselement definiert. W3C sagt, es ist ein Element, das einfach Schriftinformationen angeben kann und keine Semantik hat. Beispielsweise sollte das Tag zweifellos durch oder ersetzt werden. Beim Tag hingegen ist schwer zu sagen, was dagegen spricht, es direkt zu verwenden, wenn Sie einen Absatz auf einer Seite in einer Fremdsprache kursiv darstellen möchten (die Konvention zum Anzeigen von Fremdsprachen). Denn wenn der Benutzer … verwendet, um einen Absatz kursiv darzustellen, nimmt dies viel mehr Platz ein als bei ersterem.

Was die komplizierteren <big>-Elemente betrifft, hat der Autor des Buches, Paul Haine, keine klare Antwort gegeben. Theoretisch handelt es sich dabei um reine Präsentationselemente, die durch CSS ersetzt werden sollten. Einige Schwergewichte der Branche (Joe Clark) empfehlen jedoch ihre Verwendung, um einen „nach Wichtigkeit gewichteten“ visuellen Effekt zu erzielen. Das Ergebnis der Diskussion ist: Es gibt Gewinne und Verluste, und einzelne Sachverhalte müssen gesondert analysiert werden.

Zurück zu diesem Abschnitt des Taobao-Codes. Innerhalb des Tags befindet sich ein Link zum Überspringen der Navigation: <a class="invisible" href="#Content">Navigation und Symbolleiste überspringen</a>. Ich denke, Taobao UED hat nach einigem Nachdenken dieselbe Idee wie das -Tag übernommen. Anstatt ein zu definieren, das viel HTML-Platz einnimmt, ist es besser, direkt zu verwenden. Wichtiger noch: Die Funktion zum Überspringen der Navigation ist für Benutzer gedacht, genauer gesagt für Benutzer mit Behinderungen, die Lesebrowser verwenden oder keine CSS-Stildefinitionen haben. Das prägnante entspricht möglicherweise eher dem Geist der Standardisierung.

Der einzige Zweifel besteht darin, dass das unter dem nackten CSS seine unwichtige Bedeutung in der nächsten Schriftgröße zeigt. Aber wäre es für blinde Benutzer und lesende Browser besser, wenn man in ändert, um das Benutzererlebnis zu optimieren?

<<: Zwei Möglichkeiten zur Implementierung von Square Div mit CSS

>>: Eigenschaften von JavaScript-Pfeilfunktionen und Unterschiede zu normalen Funktionen

jQuery zum Erreichen des Sperrfeuereffekts

Tipps zur Verwendung kleiner HTML-Tags

jQuery zum Erreichen des Sperrfeuereffekts

Detaillierte Erklärung der grundlegenden Verwendung der Hilfsfunktion MapGetters in Vuex

Verwenden von HTML+CSS zum Verfolgen von Mausbewegungen

Docker-Container-Protokollanalyse

Detaillierte Erklärung zum Ändern des Stils von el-select: popper-append-to-body und popper-class

Analyse des rel-Attributs in HTML

Vue zeigt dynamisch den Wochentag an, der dem Datum entsprechend dem ausgewählten Monat entspricht

Dieser Artikel zeigt Ihnen detailliert, wie Sie SQL CASE WHEN verwenden

Grundlegende Verwendung der Funktion find_in_set in MySQL

JS verwendet Canvas-Technologie, um Echarts-Balkendiagramme zu imitieren

Artikel empfehlen

JavaScript zum Erzielen eines einfachen Karusselleffekts

Schritte zum Aufteilen und Komprimieren von CSS mit Webpack und zum Importieren mit Link

Tutorial zur Verwendung von Portainer zum Herstellen einer Verbindung mit einem Remote-Docker

Lösen Sie das Problem, dass die mit nginx erhaltene IP-Adresse 127.0.0.1 ist

Vue implementiert das Methodenbeispiel der Tab-Routing-Umschaltkomponente

Analyse und Lösung des a.getAttribute(href,2)-Problems in IE6/7

Detaillierte Erläuterung der Wissenspunkte zum Umschalten zwischen MySQL MGR-Einzelmaster- und Multimastermodus

Vue implementiert eine kleine Countdown-Funktion

mysql5.7 Benutzerberechtigung erstellen Benutzer löschen Berechtigung widerrufen

Realisieren Sie Kartenaggregations- und Streueffekte basierend auf Vue + OpenLayer

Tipps zum Erstellen von Web-Tabellenrahmen

CSS3-Countdown-Effekt

So verstehen Sie das Ref-Attribut von React genau

Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.7.18 winx64

Beispiele und bewährte Vorgehensweisen für die Seitennummerierung