Webstandards unterteilen Webseiten in drei unabhängige Komponenten:
* Struktur: HTML, XHTML, XML
* Leistung: CSS1, CSS2
* Verhalten: ECMAScript, DOM
Webstandards enthalten bisher keine Richtlinien oder Vorschriften für das Erscheinungsbild und die Ästhetik und legen keine Einschränkungen für das Erscheinungsbild und die Haptik der Website fest. Sie ermöglichen dem Browser lediglich die korrekte Anzeige der vom Designer erstellten Website und helfen den Kunden, die Anforderungen des Unternehmens zu erfüllen Marktbedürfnisse und Benutzeranalyse zur Entwicklung von Zielen.
Webstandards können Folgendes tun:
* Präzisere Steuerung, Positionierung und Layout in grafischen Browsern
* Komplexes interaktives Verhalten
*Zugänglichkeit
* Unterstützt mehrere Browser
* Funktioniert sowohl auf alten als auch auf neuen Browsern
* Funktioniert garantiert mit zukünftigen Browsern
* Reduzierte Zeit für die Neugestaltung der Website
* Unterstützt nicht-traditionelle Geräte
* Stellen Sie ganz einfach eine druckfreundliche Version jeder Webseite bereit
* Einfache Neugestaltung von Dokumenten während des Freigabeprozesses
* Konvertieren Sie HTML in eine XML-basierte Auszeichnungssprache
Gründe für die Verwendung von Webstandards:
* Verbessern Sie die Interaktionsmöglichkeiten
* Verbessern Sie die Zugänglichkeit
* Reduzieren Sie den Wartungsaufwand
* Reduzieren Sie die Bandbreite
* Kosten senken
XHTML ist eine XML-basierte Auszeichnungssprache, die HTML ähnelt, mit einigen kleinen, aber wichtigen Unterschieden. Man kann es so betrachten: XHTML ist XML, das eine ähnliche Rolle wie HTML spielt.
Im Wesentlichen handelt es sich bei XHTML um eine Überbrückungstechnologie (Übergangstechnologie), die die Leistungsfähigkeit von XML (einigermaßen) mit der Einfachheit von HTML (größtenteils) kombiniert.
----Jeffery Zeldman
10 Gründe, auf XHTML umzusteigen:
*XHTML ist der aktuelle Standardersatz für die HTML4-Auszeichnungssprache.
* XHTML kann gut mit anderen XML-basierten Auszeichnungssprachen, Anwendungen und Protokollen interagieren.
* XHTML hat eine bessere Konsistenz als HTML.
* XHTML1.0 ist die Brücke zu zukünftigen Versionen von XHTML
* Ältere Browser können sich an XHTML anpassen
* Neue Browser bevorzugen XHTML gegenüber HTML
* XHTML funktioniert gut auf drahtlosen Geräten und anderen Benutzeragenten.
* XHTML ist Teil der Familie der Webstandards
* XHTML kann Ihnen dabei helfen, schlechte Angewohnheiten beim Code der Präsentationsebene loszuwerden
* XHTML kann Ihnen dabei helfen, sich die Tagging-Validierung zur Gewohnheit zu machen, um zu testen, ob Ihre Seite funktioniert
XHTML-Regeln:
* Beginnen Sie mit dem richtigen DOCTYPE und Namespace
* Verwenden Sie das META-Inhaltselement, um Ihre Inhaltskodierungssprache zu deklarieren
* Schreiben Sie alle Element- und Attributnamen in Kleinbuchstaben
* Fügen Sie allen Attributwerten Anführungszeichen hinzu und trennen Sie Attribute durch Leerzeichen.
* Weisen Sie allen Attributen einen Wert zu
* Schließen Sie alle Registerkarten
* Leere Tags mit Leerzeichen und Schrägstrichen schließen
* Nicht im Kommentarinhalt verwenden
* Stellen Sie sicher, dass Sie < und & für < und & verwenden.
Es gibt drei Arten von DTDs, die von XHTML1 bereitgestellt werden:
* Übergangs-, Übergangs-, die mildeste DTD, die einzige DTD, die Präsentationsebenen-Tags, Junk-Elemente und Attribute toleriert
* Streng, streng,
* Rahmenset, Rahmen,
Codierungsmethode für den Inhalt der XHTML-Deklaration:
* XML-Prolog, das heißt, aber die meisten Browser können damit nicht umgehen
* Fügen Sie das Content-Type-Element ein, um die Codierungssprache anzugeben.
* Legen Sie die Codierungssprache über den auf dem Webserver zurückgegebenen HTTP-Header fest. Diese Methode wird von w3c empfohlen.
Allgemeiner Mechanismus zum Hinzufügen von Struktur
* Die Elemente DIV und SPAN bieten in Kombination mit den Attributen id und class einen gemeinsamen Mechanismus zum Hinzufügen von Struktur zu Dokumenten.
* Diese Elemente definieren integrierte Inhalte (SPAN) und Blockebene (DIV), ohne andere Dinge der Präsentationsebene in den Inhalt einzuführen.
* Das ID-Attribut ähnelt der Bezeichnung eines speziellen Bereichs im Code und zeigt an, dass dieser Bereich eine spezielle Verarbeitung erfordert. Wenn ein ID-Attributwert in einem speziell festgelegten CSS verwendet wird, wird er als CSS-Selektor bezeichnet. Die ID ist die einfachste und vielseitigste Möglichkeit, einen Selektor zu erstellen.
* Der Name der ID muss mit einem Buchstaben und einem Unterstrich beginnen und darf nicht mit einer Zahl beginnen.
ID-Funktion
* Minimieren Sie als Stylesheet-Selektor XHTML-Seitendateien.
* Als Anker eines Hyperlinks, der das veraltete Namensattribut ersetzt;
* Methode zum Referenzieren von Elementen im DOM-Skript;
* Als deklarierter Objektelementname;
* Als Werkzeug für die allgemeine Prozessverarbeitung.
# Ein Stylesheet ist eine Sammlung einer oder mehrerer Regeldefinitionen, die bestimmen, wie ausgewählte Elemente angezeigt werden.
# Eine CSS-Definition besteht aus zwei Teilen: Selektoren und Deklarationen. Darunter ist die Deklaration auch eine Sammlung. Die Elemente der Sammlung werden mit „;“ platziert. Jedes Element besteht aus zwei Teilen: Attribute und Werte.
# Der Selektor, der mit # beginnt, ist der ID-Selektor, und der Selektor, der mit beginnt, ist der Selektor.
# Mehrere Selektoren können dieselbe Anweisung verwenden. In diesem Fall werden unterschiedliche Auswahlmöglichkeiten durch Kommas getrennt.
# Laut CSS erben untergeordnete Elemente der Seite Eigenschaften vom übergeordneten Element, einige alte Browser unterstützen dies jedoch nicht (z. B. Netscape 4). Wenn Sie nicht möchten, dass das untergeordnete Element die Eigenschaften des übergeordneten Elements erbt, kann das untergeordnete Element zugehörige Attribute frei definieren.
# CSS unterscheidet nicht zwischen Groß- und Kleinschreibung, aber wenn es mit einer HTML-Datei verknüpft ist, wird bei Kategorie- und ID-Namen zwischen Groß- und Kleinschreibung unterschieden.
# Um die Bearbeitung von CSS zu erleichtern, können Sie einige Leerzeichen oder Zeilenumbrüche hinzufügen.
# Stylesheets können die Seitenanzeige auf drei Arten beeinflussen
1. Reichweite/Import
<link rel=StyleSheet href=/styles/mystylesheet.css type=text/css media=all />
oder
<style type=text/css media=all>
@import /styles/mystylesheet.css;
</style>
oder
<style type=text/css media=all>
@import-URL(/styles/mystylesheet.css);
</style>
Hinweis: Die @Import-Methode wird nur von Browsern über 5.0 unterstützt