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

So stellen Sie ein Linux-System automatisch mit PXE bereit

Spezialeffekte der Studiennotizen von Bootstrap 3.0 (Anzeigen und Ausblenden, Entfernen des Schwebezustands, Schaltfläche „Schließen“ usw.)

Die wesentlichen Inhalte dieses Artikels sind wie...

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

So stellen Sie ein Linux-System automatisch mit PXE bereit

Beispiel für das Hochladen von Dateien mit Vue unter Verwendung des Formattyps „formData“

Verwendung der Zabbix-API in einer Linux-Shell-Umgebung

Lernen Sie, benutzerdefinierte Hooks in React zu erstellen

Detailliertes Tutorial zum Erstellen eines privaten Git-Servers unter Linux

Zukunftsweisendes Allround-Webdesign: Progressive Enhancement

Die Auswirkungen des Limits auf die Abfrageleistung in MySQL

Wie man die Idee von Vue nutzt, um einen Speicher zu kapseln

So implementieren Sie geplante Sicherungen und inkrementelle Sicherungen hochgeladener Dateien in Linux

Umfassende Zusammenfassung der MySQL-Funktionen

Artikel empfehlen

Beispiel für den Export und Import von Docker-Containern

Detaillierte Erklärung unsichtbarer Indizes in MySQL 8.0

Detaillierte Erläuterung des Vue-Identitätsauthentifizierungsmanagements und der Mandantenverwaltung

Beispielcode zum Implementieren eines gleichbreiten Layouts auf verschiedene Arten mithilfe von CSS

Spezialeffekte der Studiennotizen von Bootstrap 3.0 (Anzeigen und Ausblenden, Entfernen des Schwebezustands, Schaltfläche „Schließen“ usw.)

Eine kurze Einführung in das bionische Design im Internet-Webdesign

Detaillierte Erläuterung der flexiblen Verwendung des CSS-Rastersystems in Projekten

Detaillierte Erläuterung der sieben Wertübertragungsmethoden von Vue

Eine Lösung für einen Fehler in IE6 mit jquery-multiselect

Lösung für das Problem, dass englische Buchstaben in Firefox nicht umbrochen werden

Detaillierte Erläuterung des Prozesses zum Verpacken der Python-Umgebung durch Docker

Detaillierte Erklärung der Javascript-String-Methoden

Verwenden Sie Shell-Skripte, um Docker-Dienste stapelweise zu starten und zu stoppen

So erstellen Sie ein php-nginx-alpine-Image von Grund auf in Docker

CSS-Techniken zum Erreichen eines mehrspaltigen Layouts gleicher Höhe, das das Frontend beherrschen sollte