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

Lösen Sie das MySQL 5.7.9 Version sql_mode=only_full_group_by Problem

Nach der Installation von Apache kann der Dienst nicht gestartet werden (beim Starten des Dienstes wird der Fehlercode 1 angezeigt).

Artikel

Detaillierte Erklärung der einfachen HTML- und CSS-Verwendung

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

Lösen Sie das MySQL 5.7.9 Version sql_mode=only_full_group_by Problem

Implementierung der Festlegung einer festen IP beim Starten eines Docker-Containers

js zum Aufrufen der Netzwerkkamera und Behandeln häufiger Fehler

So zeigen Sie JSON-Daten auf einer HTML-Seite an und formatieren sie

Nach der Installation von Apache kann der Dienst nicht gestartet werden (beim Starten des Dienstes wird der Fehlercode 1 angezeigt).

Detaillierte Erklärung der einfachen HTML- und CSS-Verwendung

Verwenden Sie Dockercompose, um eine Springboot-MySQL-Nginx-Anwendung zu erstellen

So verwenden Sie das href-Attribut des HTML-Tags a, um relative und absolute Pfade anzugeben

Einführung und Beispiele für versteckte Felder in HTML

SQL verwendet die Funktion ROW_NUMBER() OVER, um eine Sequenznummer zu generieren

Artikel empfehlen

JS + AJAX realisiert die Verknüpfung von Dropdown-Listen für Provinzen, Städte und Bezirke

Verwenden von vue3 + threejs, um das Beispiel für Big Wave-Spezialeffekte der offiziellen iView-Website zu imitieren

Informationen zur Installationsmethode für MySQL 8.0.13-ZIP-Pakete

CSS3 realisiert eine springende Ballanimation

Erläuterung der CSS3-Überlaufeigenschaft

Schritte zum Öffnen des MySQL-Binlogs

Hinweise zum Proc-Dateisystem des Linux-Kernel-Gerätetreibers

Das praktische Gitlab-Tutorial verwendet Git Config für zugehörige Konfigurationsvorgänge

Grafisches Tutorial zur Installation und Konfiguration von MySQL 8.0.15 unter Windows

Zehn nützliche und einfache MySQL-Funktionen

jQuery implementiert die Anzeige und Ausblendung von Anzeigenanimationen

Beispielcode für Datenbanksicherung in einer Docker-Umgebung (PostgreSQL, MySQL)

So erstellen Sie eine Tabelle in MySQL und fügen Feldkommentare hinzu

So implementieren Sie das Prototypmuster in JavaScript

So fügen Sie img-Bilder in Vue-Seiten ein