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

Implementierung der Validierungsregel für Vue Element-ui-Formulare

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

Implementierung der Validierungsregel für Vue Element-ui-Formulare

Ein grafisches Tutorial zur Installation des Redhat 8.0-Systems (ein Muss für Anfänger)

Elemente der Benutzererfahrung oder Elemente des Webdesigns

SSM implementiert die Chiffretext-Anmeldefunktion für das Kennwort des MySQL-Datenbankkontos

Verwenden Sie CSS3, um den Code für dynamische Spezialeffekte beim Hovern von Schaltflächen zu implementieren

Beispiel für die Implementierung des dynamischen Routings in der Vue-Admin-Vorlage

Grundlegendes Tutorial zum WeChat-Miniprogramm: Verwendung von Echart

Natives js zum Erreichen eines einfachen Karusselleffekts

Vorteile und Probleme des XHTML CSS Website Designs

Javascript implementiert die Webversion des Flipperspiels

Artikel empfehlen

Erlernen Sie schnell die Verwendung von Docker zum Erstellen einer Entwicklungsumgebung

Erläuterung der HTML-Tags

Zusammenfassung der MySQL-Nutzungsspezifikationen

Was tun, wenn Sie Ihr Linux/Mac MySQL-Passwort vergessen?

Installation der virtuellen Maschine Kali Linux Vmware (Abbildung und Text)

So verhindern Sie, dass Website-Inhalte in Suchmaschinen aufgenommen werden

Einführung in die Containerfunktion of() in der Linux-Kernel-Programmierung

Beispiel für die Anpassung des Vue-Projekts an den großen Bildschirm

Was ist der Unterschied zwischen HTM und HTML? Was ist der Unterschied zwischen HTM und HTML?

Detaillierte Erklärung von COLLATION-Beispielen in MySQL, die Sie möglicherweise übersehen haben

Docker - Zusammenfassung von 3 Möglichkeiten zum Ändern von Container-Mount-Verzeichnissen

Detaillierte Erläuterung der Deep Copy und Shallow Copy im JS-Variablenspeicher

jQuery implementiert ein atmendes Karussell

Detaillierte Erklärung der Entwurfsmuster des JavaScript-Frameworks

Vue-Element implementiert das Hinzufügen, Löschen und Ändern von Daten in Tabellen