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

Detaillierte Schritte zum Ändern des Standardkennworts bei der Installation von MySQL in Ubuntu

Tipps zur Verwendung kleiner HTML-Tags

Detaillierte Schritte zum Ändern des Standardkennworts bei der Installation von MySQL in Ubuntu

Centos8.3, Docker-Bereitstellung, Springboot-Projekt, tatsächliche Fallanalyse

Implementierungsmethode für die Datenspeicherung im WeChat-Applet

Docker View-Prozess, Speicher und Cup-Verbrauch

Eigenschaften von JavaScript-Pfeilfunktionen und Unterschiede zu normalen Funktionen

CentOS7-Installations-GUI-Schnittstelle und Implementierung der Remote-Verbindung

So implementieren Sie Linux Deepin, um redundante Kernel zu löschen

Tiefgreifendes Verständnis der Verwendung von Vue

Detaillierte Erklärung dieser Referenz in React

Informationen zur Auswahl des Uhrzeit-, Datums- und Zeichenfolgentyps in MySQL

Artikel empfehlen

Beispiel für die Implementierung der Wertübertragung zwischen WeChat-Miniprogrammseiten

Beispielcode zum Ändern des Textstils der Eingabeaufforderung in HTML

Komponentendesignspezifikationen für die Entwicklung von WeChat-Miniprogrammen

MySQL-Reihe: Datenbankdesign, drei Paradigmen, Tutorial-Beispiele

Vue+echarts realisiert Fortschrittsbalken-Histogramm

Lösung für MySql-Fehler 1698 (28000)

Einige Indikatoren für exzellentes Web-Frontend-Design

Lösung zur automatischen Beendigung von Docker Run-Containern

Verwenden Sie die mail()-Funktion von PHP zum Senden von E-Mails

Gängige Stile von CSS-Animationseffekten

So lösen Sie das Problem FileZilla_Server:425. Datenverbindung kann nicht geöffnet werden

Verwendung von MySQL-Fuzzy-Abfragen (regulär, Platzhalter, integrierte Funktion)

Grafisches Tutorial zur Installation der neuesten Version des MySQL-Servers unter Windows 7 64 Bit

Grundlegendes Installationstutorial zum Dekomprimieren von MySQL-Paketen

Beispiel für eine Nginx-Cache-Konfiguration