Methoden zum Entwerfen wiederverwendbarer und Skin-fähiger WEB-Sites mithilfe von XHTML und CSS. Seite 1/4_Erfahrungsaustausch

Das Ziel des

XHTML-Standards ist es, html zu ersetzen. Laut W3C ist „XHTML der Nachfolger von html“ (http://www.w3.org/MarkUp/).

XHTML hat zwei Hauptziele:

• Eine klarere Trennung zwischen Dokumentstruktur und Präsentation schaffen.

• Eine Anwendung, die HTML als XML neu darstellt.

Der Vorteil der Verwendung des XHTML-Standards besteht darin, dass Sie eine Seite nur einmal entwerfen müssen und sie in jedem modernen Browser genauso angezeigt und funktioniert. Wenn die Seiten beispielsweise nach Standards generiert werden, werden sie ohne zusätzlichen Aufwand in Internet Explorer, Mozilla Firefox, Netscape Navigator, Opera, Camino und Safari auf die gleiche Weise angezeigt. Und der XHTML-Standard kann Websites für Menschen mit Behinderungen für Geräte wie Smartphones und Computer zugänglicher machen.

Der XHTML-Standard erfordert die Schaffung einer klareren Trennung zwischen Dokumentstruktur und Präsentation. Daher ist die Verwendung von CSS-Stylesheets unerlässlich. CSS nimmt auf Webseiten eine sehr wichtige Stellung ein und seine Verwendung war schon immer ein heißes Diskussionsthema. CSS ist die Abkürzung für Cascading Style Sheet, was als „Cascading Style Sheet“ übersetzt wird. Als das W3C 1997 den HTML4-Standard verkündete, kündigte es auch den ersten Standard CSS1 für Stylesheets an. Nach der CSS1-Version wurde im Mai 1998 die CSS2-Version veröffentlicht.

Die Absicht der Erfinder von CSS bestand darin, das Präsentationselement zu entfernen, d. h. Inhalte sollten basierend auf dem, was sie darstellen, markiert werden und Stylesheets sollten verwendet werden, um den Inhalt zu verschönern. Dies steht im Einklang mit dem Ziel von XHTML, Dokumentstruktur und Präsentation zu trennen (die Tags b , i und img (sowie big , small und tt ) werden in XHTML 2.0 entfernt, und sogar die Verwendung von br wird in einer zukünftigen Version nicht mehr unterstützt ) Entfernen Sie es. Der Grund dafür ist, dass die meisten Tags nur dazu dienen, dem Browser Anweisungen zu geben, wie ihr Inhalt angezeigt werden soll. Sie liefern jedoch keinerlei Informationen darüber, was ihr Inhalt ist.) Der beste Partner . Weitere Informationen zu XHTML2.0 finden Sie unter: http://www-128.ibm.com/developerworks/cn/xml/x-wa-xhtml/index.html

CSS wurde häufig in verwendet Vergangenheit Um die Eigenschaften der Schriftart zu definieren, werden wir sie nun verwenden, um die Anzeige der gesamten Seite im neuen Standard zu steuern. Wir müssen jedoch etwas anderes als bisher tun, um uns an diese neue Änderung anzupassen, wie zum Beispiel: p für das Layout anstelle von Tabellen verwenden, strukturiertes, semantisches Markup verwenden usw. Dank der neuen Verarbeitungsmethode können wir jetzt problemlos wiederverwendbares CSS (die gleiche Stildatei wird auf mehreren WEB-Sites verwendet) und Skin-fähige WEB-Sites (eine Site verwendet mehrere verschiedene Stile) entwerfen.

Ein Beispiel finden Sie im Informationsportal der Baubehörde der Provinz Sichuan Die Schnittstelle ist oben rechts eingeschaltet, wie in Abbildung 1 dargestellt. Aus Zeitgründen hat es die XHTML- und CSS-Überprüfung nicht bestanden, aber das Prinzip ist dasselbe.

Abbildung 1: Wechsel des Schnittstellenstils