Verwendung von XHTML für Layout und Design

XHTML ist eine robustere Version des Web-Markup-Sprache als frühere Varianten der hyper Text Markup Language (HTML). Dies macht Webseiten XHTML zuverlässiger und für eine breitere Vielzahl der Nutzer Surfen im Web zugänglich erbaut. Um XHTML verwenden, sicherstellen Sie, dass das Markup gültig und wohlgeformt, die Spezifikationen sind strenge und weniger verzeihen, als was Sie an verwendet werden können. Anstatt einfach erstellen von Webseiten, die funktionieren und aussehen wie Sie wollen, bedeutet das mit XHTML eine Verpflichtung zur Erhaltung eines hohen innerhalb Ihrer Seitenstrukturen.

Anweisungen

1 Trennen Sie den Inhalt der Website von seine Formatierung. Arbeiten Sie, was los ist, der Inhalt der Webseiten zu sein. Dies kann Text, Daten und verschiedene Medien wie Bilder und Videos, aber sollte nicht enthalten, wie diese Elemente angezeigt werden sollen. Wenn Sie Seiten in XHTML erstellen, die Strukturen verwendet werden, Inhalte zu halten und so brauchen Sie eine klare Vorstellung des Inhalts haben. Liste der Inhaltselemente, die Sie beabsichtigen, einschließlich der auf der Website und bereiten sie online gehen.

2 Erstellen Sie ein Design für die Website. Mit Software oder skizzieren auf Papier, kommen mit einem Design für Ihre Website, jedoch rauhen oder detaillierten du magst. Dies sollte die Darstellung widerspiegeln, die gewünschten Standort, um zu entsprechen, wenn Personen, die es in einem Webbrowser anzeigen. Stellen Sie sicher, dass alle Inhalte, die angezeigt werden soll effektiv innerhalb der Designs enthalten sein können. Denken Sie daran, was Sie wollen Benutzer können unter Verwendung der Seiten Ihrer Website zu tun und stellen sicher, dass dies in Ihrem Interface-Design möglich sein wird.

3 Erstellen Sie eine oder mehrere ".html" Dateien in einem Texteditor zu halten XHTML Strukturen und zeigen Sie den Inhalt Ihrer Website. Einzeln nacheinander, die Strukturen innerhalb Ihrer XHTML-Seiten entsprechend die folgende Übersicht erstellt:

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict / / EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" >

< html >

< Head >

< Title > My Page Titel < / title >

< / head >

< Körper >

< Div > hier ist meine Seite Inhalt. < / Div >

< / body >

< / html >

Gibt es bestimmte Regeln, die von XHTML erforderlich sind, und Ihre Dokumente müssen eine gültige Definition (DTD) enthalten. Stellen Sie sicher das Markup der Seite nur gültige Elemente enthält und dass diese alle richtig geschlossen sind, verwenden nur Kleinbuchstaben zitiert Attribute wie in diesem Beispiel:

< p Class = "main" > Text in einem Absatz. </p >

4 Validieren Sie XHTML. Mithilfe der online-Validierung-Tools überprüfen Sie, um sicherzustellen, dass Markup valide XHTML ist. Keine Sorge, wenn es eine Menge von Fehlern gibt wenn Sie zuerst überprüfen, da dies völlig normal ist. Schauen Sie durch die Liste der Fehler und wiederum korrigieren Sie jeder Fehler zu. Überprüfen Sie jedes Mal, wenn Sie einen Fehler korrigieren, Ihr Dokument wieder, da ein einziger Fehler oft mehrere nachfolgende Fehler, so dass Markup erscheinen viel schlimmer als es ist (siehe Ressourcen) verursachen kann.

5 Implementieren Sie das Layout mit Stilregeln. Verwenden Sie Cascading Style Sheet (CSS) Regeln, um das gewünschte Layout und die Darstellung für XHTML-Seiten, wie im folgenden Beispiel entsprechen:

div

{Width: 50 %;}

p.Main

{Color: #FF0000;}

Es ist vorzuziehen, CSS-Deklarationen von den wichtigsten XHTML-Markup in einer Datei mit der Erweiterung "CSS" gespeichert und im Kopf der Seite mit der folgenden Syntax verbunden zu trennen:

< link Rel = "Stylesheet" Type = "Text/Css" href="mystyle.css" / >

Versuchen Sie, alle Design- und Layout-Regeln innerhalb der CSS nicht in XHTML, denn dies ist der Schlüssel zum Erstellen barrierefreier Web-Inhalts.

Tipps & Warnungen

• Testen Sie Ihre XHTML in so vielen Browsern wie Sie können, wie es in einigen von ihnen wahrscheinlich anders angezeigt wird. Durch die Entwicklung in einer der Standard-konformen Browser starten Sie und erstellen Sie Unterstützung für andere danach.
• Widerstehen Sie der Versuchung, Stil und Layout-Einstellungen in Ihrem XHTML enthalten. XHTML verwendet ist verpflichtet sich zum Erstellen von Seiten, die zu einem hohen Standard gebaut sind.