Entwicklung von XHTML für Mobile Geräte

April 3

Entwicklung von XHTML für Mobile Geräte

XHTML Code eignet sich für die kleinere Auflösung und Dimensionen von handheld-Geräten und ist besser als frühere Standards wie WML und HTML. Es bietet einen strengeren Standard für Design und Entwicklung von Web-Seiten, um die Kompatibilität zwischen den Browsern zu gewährleisten. Es gibt viele Vorteile gegenüber der Verwendung von XHTML für mobile Geräte, einschließlich der Trennung von Inhalt und Präsentation per CSS (Cascading Style Sheets), einheitliches Erscheinungsbild und Funktionalität und Anwenderfreundlichkeit.

Anweisungen

1 Erstellen Sie ein neues Dokument, wie bei jeder neuen Webseite. Legen Sie die "<? Xml

Version = "1.0"? > "Erklärung als erste Zeile. Da XHTML Basic eine XML-Sprache ist, muss jeder von Ihnen für den mobilen Einsatz erstelltes Dokument mit dieser Erklärung beginnen.

2 DOCTYPE-Element einfügen. Die meisten Markup-Editoren erledigt dies für Sie, aber wenn Sie Ihr Dokument manuell erstellen, sollte das Element etwa wie folgt aussehen: "<! DOCTYPE html PUBLIC "als http://www.wapforum.org/DTD/xhtml-mobile10.dtd" > "

3 Erstellung Ihrer Webseite und Stylesheet und Abhängigkeit von externen Scripts oder Ressourcen auf ein Minimum zu halten. Dieser Schritt ist fast identisch mit dem Aufbau einer anderen Websites in HTML, außer Sie XHTML Basic Standards entsprechen müssen. Wichtigsten Elemente enthalten sind einen kurzen Titel am Anfang der Seite gefolgt von minimal Navigationslinks. Gesamten Text sollten "< p >" Tags eingeschlossen werden.

4 Testen Sie Ihre Web-Seite für Kompatibilität und XHTML-konform. Sie können download Testplattformen von Anbietern mobiler Geräte oder die online-Validatoren auf w3.org. Diese Validierungstests werden Probleme in Ihrem Code hervorheben, die die Bereitstellung fehlschlagen, z. B. eingebettete Skripts, nicht unterstützte Tags oder übermäßige Navigation Tiefe verursachen kann. Dinge zu testen, können deinen Style versichert werden, Blätter verwendet werden, Ihre Website zeigt angemessen mit dem Stylesheet deaktiviert und Navigationselemente wie erwartet Verhalten.

Tipps & Warnungen

  • Versuchen Sie, entwickeln ein einseitiges Layout verwenden das Ankerattribut in Ihren Links, anstatt den Benutzer auf mehrere externe Quellen zu senden. Dieses Attribut kann auch verwendet werden, für Call-to-Action-Elemente wie telefonieren oder SMS versenden.
  • Beim Erstellen von Verbindungen ist es auch wichtig mit dem Attribut "Accesskey" Tastenkombinationen zuweisen.
  • Stellen Sie sicher, dass jedes Element des Layouts einer Id, Titel oder Alt-Attribut verfügt. In Fällen, wo die Bilder nicht Rendern können, möchten Sie noch Ihre Benutzer zu verstehen, deren Layout und Inhalt Ihrer Webseite.
  • Verwenden Sie die Farbkombinationen, die ausreichenden Kontrast zu gewährleisten und vermeiden Sie Hintergründe oder Gestaltungselementen, die Ihren Text somit unlesbar zu machen verursachen kann.
  • Erstellen Sie Navigation oder Link-Elemente, die sind groß genug, um mit der Spitze eines Fingers erschlossen werden.
  • Optimieren Sie Ihr Markup und Bilder für die kleinste Dateigröße möglich. Dies hat nicht nur sorgt für schnelle Ladezeiten für Besucher, sondern das Gerät Speicher und Bandbreite Einschränkungen berücksichtigt.
  • Gestalten Sie Ihr Layout mit Divs statt Tabellen oder Frames und vermeiden Sie, einschließlich Flash-Inhalte. Die Zielplattform Einschränkungen Forschung immer wenn einschließlich erweiterte Layouttechniken, einschließlich CSS3 und HTML5-Tags, also der mobile Anwendung korrekt angezeigt wird.
  • Verwenden Sie "Ems" oder Prozentsätze anstelle Pixelwerte im Markup und CSS für alle dynamischen Elemente und Text. Definieren Sie die Höhe und Breite aller Bilder.
  • Nicht alle mobilen Browser sind gleich. Während Websites und Anwendungen mit Stil Techniken erweiterten oder JavaScript-Bibliotheken funktionieren einwandfrei auf Geräten, die Verwendung von Firefox oder Safari, können Geräte mit speziellen Browsern oder Einschränkungen nur den Text und das grundlegende Layout rendern. Immer enthalten browserübergreifende Funktionen in Stylesheets und design ein Framework, das eine eigene ohne Stylesheet oder Bilder stehen kann.