Von HTML zu xHTML und CSS

Share

|

Vor ich unterrichtete mich ursprünglich daß, HTML 4.0 einigen Jahren, aber ich es schwierig, den Übergang zum Verwenden von von xHTML mit CSS (fanden kaskadierenart-Blätter) zu bilden. Jedoch passend zu in eine kleine Web site mit einbezogen werden wurde ich gezwungen, sinnvoll von ihm zu sein. In diesen Artikel laufe ich durch die praktischen Implikationen des Schaltens zwischen die zwei, mit anderen Worten, was Sie tun müssen, um Ihr HTML mit stylesheets arbeiten zu lassen.

I.m, das nicht gehen, über die Geschichte von xHTML hier hinauszugehen, aber, Sie sollten Anmerkung nehmen, daß es viel tags. gibt, das mißbilligt worden sind und innen vermieden werden sollte, wenn man xHTML verwendet.

Der erste wichtige Unterschied bezüglich des xHTML kommt in Form von seiner Syntax. Die Sprache ist der empfindliche Fall, also wird es ganz in Kleinschreibung, kein mehr Gebrauch der Kappen geschrieben! Zweitens werden tags. oder die Elemente, zum technisch zu sein, jetzt in zwei Arten eingestuft: die, denen Daten ' enthalten Sie ' und die, die ' sind, leeren sich '. Ein Beispiel der ehemaligen Macht ist ein Punktelement, das einen schließenden Umbau hat. Die, die zwischen diesen zwei Umbauten ist, ist die ' enthaltenen Daten '. Zum Beispiel wird ein Satz verstanden, um Daten zu sein. Ein Beispiel eines Empty tag könnte eine Linie Bruch sein und wird etwas anders als als in HTML 4.0 geschrieben, wie folgt: < xmp><br /></xmp >. Andere ' leere ' Arten schließen das Bildelement < xmp><img /></xmp > und das horizontale Richtlinie Element < xmp><hr /></xmp > ein. Nachricht, wie es einen Raum und einen Vorwärts-Schrägstrich nach dem Element gibt.

Ein anderer zu bedenken Punkt ist, daß, weil xHTML über verschiedenen Vorrichtungen kompatibel sein soll, alle Bilder alternative Beschreibungen (which Mittel haben müssen, die Sie die ' Alt ' Eigenschaft in den Bildelementen gebrauchen müssen, it.s nicht mehr gerade eine Wahl). Ähnlich werden Sie umfangreichen Gebrauch vom ' Kennzeichnung ' Attribut im xHTML bilden (ähnlich dem ' Namens' Attribut, aber anders als verwendet - sehen Sie unten).

Die größte Hürde für mich persönlich erlernte die Syntax von CSS. Es gibt wirklich drei Möglichkeiten des Verwendens von von CSS, von dem man ein unterschiedliches Dokument mit einer css Verlängerung erstellen soll. Diese Akte enthält alle styling Attribute der Elemente in Ihrem xHTML Code. Sie können CSS in das head. Element auch legen, oder Sie können es in ein Element in Ihrem Code überall einbetten (in beiden Fällen würden Sie das style. Element benutzen). Eine externe Akte zu verwenden kann als Änderungen nützlich sein, die an dieser Kaskade mit einen Dokumenten überall in Ihrer Web site vorgenommen werden und die Notwendigkeit folglich beseitigen, den Code auf jeder Seite zu ändern. Die Syntax besteht im Allgemeinen aus ' Vorwahl ', der entweder ein ' Kennzeichnung ' Vorwahl, ein Klassenselektor oder ein generischer Klassenselektor sein kann. So zum Beispiel ich habe einem img. Element die Kennzeichnung "MyImg" gegeben, dann gehe ich zu meinem css section/file und verursache den Vorwahl # das MyImg {}. bin hier, wo die Syntax inch # Symbol bedeutet kommt, daß ich einen Kennzeichnung Vorwahl hergestellt habe, also, was in die lockigen Haltewinkel folgt, auf alle Elemente mit der Kennzeichnung "MyImg" zutrifft. Ein Beispiel konnte etwas so schauen:

# MyImg {Breite: 200px; Höhe: 100px; 
Rand: 0px}

Beachten Sie, daß ich einen Doppelpunkt anstatt des Gleichheitszeichens, Werte zuzuweisen benutze. Wenn Sie dieses tun nicht können, werden Ihre Arten nicht angewendet. Auch jedes Attribut wird von einem Semicolon gefolgt, der sie trennt. Wenn Sie nicht dieser Syntax folgen, wenn Sie, verwenden CSS Ihr kommt styling nicht in Effekt. Die letzte Sache, die Sie kennen müssen, um begonnen zu erhalten, ist, wie man Ihr externes CSS Dokument mit Ihrem xHTML Dokument verbindet. Gerechtes Nest ein < Verbindung style="text-decoration: none;" href="mystyles.css" ref="stylesheet" > Element in Ihrem < Kopf > und Sie sind bereit zu gehen. Es gibt viel der neuen Weisen, Aufgaben wie Positionierung in CSS durchzuführen. Haben Sie Spaß, mit diesen neuen Möglichkeiten herum zu spielen!

Bruno Marchand studiert z.Z. Netzentwicklung teilzeitlich, sowie eine holistic höfliche Gesundheit Modalität, die integrierte Karosserie genannt wird. In seiner Ersatzzeit tut er SEO für Africapic; er genießt das tanzende Feuer und hat eine große Affinität für Reptilien.