XHTML: Webcodierung für verfeinertes Design

• Kann 8, 2024

XHTML 1.0 und 1.1 stehen für E.X.spannbar H.yperT.ext M.Arkup L.Sprache und repräsentieren einen riesigen Sprung vorwärts von HTML 4.0. Sie kombinieren das Beste aus HTML 4.0 mit XML, um dem Designer ein komplexeres Codierungsschema für ein verfeinertes und entschlosseneres Webdesign zu bieten.

Das W3C, Eltern aller HTML-Sprachen, beschrieb XHTML 1.0 als "die erste größere Änderung an HTML seit der Veröffentlichung von HTML 4.0 im Jahr 1997. Es bringt die Strenge von XML auf Webseiten und ist der Grundstein in der Arbeit von W3C, Standards zu schaffen, die dies ermöglichen." umfangreichere Webseiten auf einer immer größeren Anzahl von Browserplattformen, darunter Mobiltelefone, Fernseher, Autos, drahtlose Kommunikatoren in Brieftaschengröße, Kioske und Desktops. "

XHTML-Variationen

Es stehen drei verschiedene Arten von XHTML zur Verfügung, um die Anforderungen aller Webdesigner zu erfüllen. Dazu gehören Strict, Transitional und Frameset XHTML.

XHTML 1.0 Streng - die reinste Form für erfahrene Webdesigner. Mit dieser Version können Sie blitzsauberen Code erstellen, ohne Layoutcode (Schriftart, Farbe, Layout) in Ihr Dokument einfügen zu müssen. Stattdessen fügen Sie zu Beginn CSS-Code (Cascading Style Sheet) ein.

XHTML 1.0 Transitional - eine Mitte des Roadcode-Formats, um Designern zu helfen, die Zeit benötigen, um diese neuen Codierungsmethoden zu erlernen, oder um Zuschauer aufzunehmen, die noch ältere Webbrowser verwenden. Es werden Stylesheets verwendet, aber auch guter alter HTML-Code ist enthalten. Beispielsweise enthält das Body-Tag weiterhin die Attribute bgcolor, text, links und vlinks.

XHTML 1.0-Frameset - Diese Variante ist selbsterklärend. - Sie verwenden sie, wenn Sie XHTML in ein rahmenbasiertes Dokument integrieren möchten.

Noch eine fortgeschrittenere Version, XHTML 1.1 Ermöglicht das Hinzufügen von modularem Code für internationale und andere spezielle Codierungsanforderungen. RUBY-Module sind enthalten, um diese zusätzliche Codierung zu erleichtern. Die wichtigste Änderung in XHTML 1.1 ist die Entkopplung von Daten von der Präsentation. Die Formatierung ist nicht mehr in Daten eingebettet und kann nur durch Verweisen auf Cascading Style Sheets (CSS) erreicht werden. Dadurch stehen Daten für eine einfache Analyse und Wiederverwendung durch eine Vielzahl neuer Nicht-Desktop-Produkte und Eingabehilfen zur Verfügung.

Aufräumen Ihres HTML

Dave Raggett und Source Forge von W3C bieten derzeit ein großartiges Open-Source-Dienstprogramm, HTML Tidy, für Designer, die ihre aktuellen HTML-Dokumente in XHTML konvertieren möchten (und dabei ihren Code aufräumen möchten). Dieses praktische Tool bringt Ihren Code zum Leuchten, indem es all diese hilfreichen Aufgaben ausführt:

• Fehlende oder nicht übereinstimmende End-Tags werden erkannt und korrigiert


• End-Tags in der falschen Reihenfolge werden korrigiert


• Behebt Probleme mit der Überschriftenbetonung


• Stellt sich von gemischten Tags wieder her


• Hinzufügen des fehlenden Schrägstrichs in den End-Tags für Anker


• Perfektionieren von Listen durch Einfügen fehlender Tags


• Fehlende Anführungszeichen um Attributwerte werden hinzugefügt


• Unbekannte / proprietäre Attribute werden gemeldet


• Proprietäre Elemente werden als solche erkannt und gemeldet


• Tags ohne Abschlussklammer werden erkannt


• Ersetzt überschüssigen Layoutcode durch Stileigenschaften und Regeln mithilfe von CSS


• Löscht leere Absatz- und Überschriftenelemente

Die Nitty Gritties

Eine der wichtigsten "Regeln" bei der Verwendung von XHTML ist, dass der Code sauber und vollständig sein muss.

• Alle Elemente müssen schließende Tags haben und ordnungsgemäß verschachtelt sein.


• Alle Tags müssen in Kleinbuchstaben geschrieben werden - XML ​​unterscheidet zwischen Groß- und Kleinschreibung.


• End-Tags müssen für enthalten sein ALLE Elemente


• Alle Attribute müssen in Anführungszeichen stehen, z. Breite, Colspan, Rowspan


• Leere Elemente müssen ein End-Tag haben

Eine helfende Hand

Fühlen Sie sich überwältigt, ein weiteres HTML-Format zu lernen? Wenn ja, ist Hilfe verfügbar. XStandard ist ein WYSIWYG-Code-Editor, mit dem Sie sauberen reinen XHTML-Code in XHTML 1.0 Strict oder XHTML 1.1 schreiben können. Die Entwickler beschreiben diese Software wie folgt: "Der fortschrittlichste, standardbasierte WYSIWYG-Editor auf dem Markt. Er ist ideal für jedes Windows- oder browserbasierte Content-Management-System, das ActiveX unterstützt. XStandard verwaltet umfangreiche Inhalte in jeder Sprache und verfügt über umfassende Eingabehilfen und unterstützt beliebte Bearbeitungsoptionen wie Tabellen, das Umbrechen von Bildern mit Text und das Ziehen und Ablegen von Dateien in den Editor. " Die Software ist in einer kostenlosen XStandard Lite-Version und einer vielseitigeren XStandard Pro-Version erhältlich.

Wenn Sie möchten, dass Ihre Website in den Browsern von heute und auf nicht herkömmlichen Geräten gut funktioniert und auch in morgen gut funktioniert, ist es eine gute Idee, neue Websites in XHTML zu erstellen und alte Seiten in XHTML zu konvertieren, wenn Ihr Arbeitsplan dies zulässt. Das ist natürlich nicht das Ende! Es wird bereits daran gearbeitet, XHTML 2.0 zu erstellen. Der Schritt besteht darin, sich ausschließlich auf die Struktur und nicht auf die Abwärtskompatibilität zu konzentrieren. Sie können über diese neueste Form von XHTML auf der IBM Website in ihrem Artikel lesen: Die Zukunft des Webs: XHTML 2.0.

HTML Highlight Article Series

TEIL 1: Sollte ein glaubwürdiger Designer HTML kennen?
TEIL 2: HTML 3.2 - Die Geburt von Wilbur
TEIL 3: HTML 4.0 UND 4.01 - Mehr Gutes!
TEIL 4: XHTML: Webcodierung für verfeinertes Design
TEIL 5: DHTML: Dynamische Webcodierung

Video-Anleitungen: HTML and CSS Tutorial - Create a Website for Beginners (Kann 2024).