XHTML Basic 1.1, eine vom W3C empfohlene Auszeichnungssprache für mobiles Web

W3C hat kürzlich zwei Standards veröffentlicht, nämlich „ XHTML Basic1.1 “ und „ Mobile Web Best Practices 1.0 “. Beide Standards zielen auf das mobile Web ab, wobei XHTML Basic 1.1 die vom W3C empfohlene Auszeichnungssprache für das mobile Web ist.
XHTML Basic 1.1
Es gibt viele Zweige mobiler Auszeichnungssprachen. Die Version XHTML Basic 1.1 bietet einen Standard für mobile Auszeichnungssprachen. XHTML Basic 1.1 enthält die folgenden neuen Funktionen:

XHTML-Formular hinzugefügt. Integriertes Ereignis hinzugefügt. Value-Attribut zum li-Objekt hinzugefügt. Target-Attribut hinzugefügt. Style-Objekt hinzugefügt. Style-Attribut hinzugefügt. XHTML-Anzeigemodul hinzugefügt. Inputmode-Attribut hinzugefügt.
W3C fasst 10 Grundregeln aus „ Mobile Web Best Practices“ zusammen:
Gestalten Sie Webseiten einheitlich für mehrere Geräte. Bei der Gestaltung mobiler Webseiten müssen verschiedene Geräte berücksichtigt werden, um Kosten zu senken und die Flexibilität zu erhöhen.

Verlassen Sie sich auf Webstandards: In einem Markt mit einer Vielzahl von Geräten können Webstandards die Kompatibilität zwischen verschiedenen Geräten sicherstellen. Vermeiden Sie einige häufige Probleme mit Mobilgeräten: zum Beispiel keine Popup-Fenster, keine verschachtelten Tabellen und keine Frames. Beachten Sie die Einschränkungen mobiler Geräte: Mobile Geräte unterstützen im Allgemeinen keine Technologien wie Cookies und Javascript. Navigation optimieren: Verwenden Sie ein klares, prägnantes und minimalistisches Navigationssystem. Überprüfen Sie Grafiken und Farben: Verwenden Sie keine hochauflösenden Bilder. Überprüfen Sie Grafiken anhand der wahrscheinlichen Bildschirmgröße, Auflösung und unterstützten Farben und Kontraste des Mobilgeräts, um sicherzustellen, dass sie richtig angezeigt werden. Klein: Seitenanzeigegröße, Dateigröße und CSS-Größe sollten so klein wie möglich sein. Sparen Sie Bandbreite: Verwenden Sie keine automatische Aktualisierung, Umleitung und andere Techniken. Verweisen Sie nicht zu oft auf externe Ressourcen und nutzen Sie den Seitencache gut. Machen Sie die Eingabe für Benutzer bequem: Die Eingabemethode mobiler Geräte ist nicht benutzerfreundlich. Bieten Sie daher möglichst bequeme Unterstützung für die Benutzereingabe. Berücksichtigen Sie vielbeschäftigte Benutzer: Vielbeschäftigte Benutzer haben nur begrenzt Zeit, daher sollten die vom mobilen Web bereitgestellten Informationen präzise und klar sein. Sie können Ihre mobile Website mit dem MobileOK-Checker überprüfen, um zu testen, ob sie für mobile Geräte geeignet ist.
Internationale Quellen dieses Artikels:
http://www.cmswire.com/cms/web-publishing/xhtml-11-released-mobile-best-practices-proclaimed-002984.php;
http://www.w3.org/2007/02/mwbp_flip_cards

<<: Detaillierte Erklärung der Startbefehle für Docker-Versionen es, milvus und minio

>>: Implementierung einer vereinfachten Version von JSON.stringify und seine sechs Hauptfunktionen im Detail erklärt

5 VueUse-Bibliotheken, die die Entwicklung beschleunigen können (Zusammenfassung)

Beheben Sie das Problem, dass die Lese-/Schreibtrennung von MySQL dazu führt, dass Daten nach dem Einfügen nicht ausgewählt werden

Artikel

Detaillierte Erläuterung des Bereitstellungsprozesses von Docker Alibaba Cloud RocketMQ 4.5.1

XHTML Basic 1.1, eine vom W3C empfohlene Auszeichnungssprache für mobiles Web

5 VueUse-Bibliotheken, die die Entwicklung beschleunigen können (Zusammenfassung)

Theorie: Die zwei Jahre User Experience

Zusammenfassung der vier Klick-Antwortmethoden von Button

Beheben Sie das Problem, dass die Lese-/Schreibtrennung von MySQL dazu führt, dass Daten nach dem Einfügen nicht ausgewählt werden

Detaillierte Erläuterung des Bereitstellungsprozesses von Docker Alibaba Cloud RocketMQ 4.5.1

Realisieren Sie Kartenaggregations- und Streueffekte basierend auf Vue + OpenLayer

So lösen Sie das Problem verschwommener kleiner Symbole auf Mobilgeräten

Tutorial zur Installation und Verwendung der verteilten Ceph-Software unter Linux

Eine kurze Erläuterung verschiedener Möglichkeiten zum Übergeben von Parametern beim React-Routing

So ermitteln Sie die Größe eines Linux-Systemverzeichnisses mit dem Befehl du

Artikel empfehlen

Detaillierte Erläuterung der Fallstricke des Nginx-Proxy-Socket.io-Dienstes

Konfiguration der MySQL-Master/Slave-Datenbanksynchronisierung und häufige Fehler

Optimierung der Abfragegeschwindigkeit von MySQL mit mehreren zehn Millionen Daten mithilfe von Indizes

Detaillierte Erklärung dieser Zeigerfunktion in JS

Detaillierte Erklärung der TMPF-Mounts im Docker-Datenspeicher

Detaillierte Erklärung der MySql-Installation und des Logins

Einrichten von VMware vSphere in VMware Workstation (Grafisches Tutorial)

JS implementiert die Benutzerregistrierungsschnittstellenfunktion

Detaillierte Erläuterung der Berechnungsmethode von Flex-Grow und Flex-Shrink im Flex-Layout

Zwei Implementierungslösungen für die Vuex-Datenpersistenz

CSS verwendet Position + Rand, um die Methode der horizontalen und vertikalen Zentrierung fester Boxen zu erreichen

So konfigurieren Sie einen Pfadalias für das React-Scaffolding

Anwendung schöner Stylesheets bei der Erstellung von XHTML+CSS-Webseiten

So ändern Sie die Kodierung der MySQL-Datenbank in utf8mb4

Zusammenfassung der CSS-Schwebeelementanalyse