Der Zweck des HTML Advanced Tutorial besteht darin, die Vorteile von HTML zu untersuchen und die Affinität und Benutzerfreundlichkeit zu optimieren.
Da HTML -Elementar -Tutorials und HTML -Intermediate -Tutorials die Verwendung des neuesten HTML -Standards (XHTML Version 1.0 oder höher) einnehmen, können einige Personen, die die Haupt- und Zwischen -Tutorials nicht gelesen haben, möglicherweise schwierig, einige Aspekte dieses Tutorials zu verstehen, warum auch die Schlüsselpunkte existieren. Insgesamt wird in jedem Teil dieses Tutorials angenommen, dass Sie ein inneres und außenes Verständnis von HTML haben und sein Potenzial weiterentwickeln möchten.
Dieses Tutorial richtet sich an diejenigen, die HTML bereits verstanden haben, aber den Test der zukünftigen XHTML -Standards nicht bestehen können und sind in der Trennung von Inhalten und Ausdrücken impliziert.
Separate Inhalte und LeistungHTML war noch nie ein Ausdrucksmittel, aber von der Benutzerseite kombiniert es Elemente zum Formatieren von Text. Entwickler finden Wege, Layouts zu betreiben. Die Leistung von CSS macht es nicht mehr erforderlich, HTML zur Durchführung einer Darstellung zu verwenden, und der Inhalt kann vollständig von der Darstellung (CSS) getrennt werden.
Dies gibt viele Vorteile - es komprimiert normalerweise die Dateikapazität, hat die Flexibilität, die gesamte Website anstelle einer einzelnen Seite mit einem Hauptstilblatt zu steuern, und kann auch die Verwendung der Seite und mehr Affinität erleichtern.
Das Befolgen dieser Grundprinzipien bedeutet im Grunde genommen, dass Sie nichts mehr verwenden sollten, was innerhalb von HTML gestylt. Zum Beispiel sollten die Tags der Schriftart und die Eigenschaften von BGColor nicht mehr verwendet werden. Sogar die Grenze -Attributgrenze im Bild Tag IMG ist in XHTML 1.1 illegal. Keine Sorge, veraltetes HTML kann gestylt werden, CSS kann gestylt werden und es kann besser gemacht werden.
Es geht nicht nur darum, die Darstellung von HTML abzuziehen, sondern auch die Struktur des Inhalts, die klare HTML -Tags verwenden, in denen sie passen. Beispielsweise werden H1, H2 und andere Anwendungen für Titel verwendet, die nicht nur CSS verwenden, um die Schriftart größer zu machen.
Die beste Anleitung besteht darin, seinen Standardstil in einem visuellen Browser zu verwenden, um eine Seite ohne Stylesheet zu rendern (oder Textbrowser mit einem Stylesheet, aber kein Stylesheet wie Luchs-Translator-Anmerkung).
Tabellen sollten nicht im Layout verwendet werden - Tabellen werden verwendet, um Tabellenformatdaten darzustellen (wir haben es oft gesagt, ohne es zu müde zu werden - Übersetzernotiz). Vielleicht für HTMLER, die bereits an traditionelle Strukturen gewöhnt sind, ist es technisch schwierig, sich vollständig zu ändern. Diese Methode komprimiert Dateien stark und ist basierend auf diesen expliziten Codes einfacher zu bedienen und mehr Affinität.Weitere Informationen finden Sie im Layout des CSS Advanced Tutorial.
EtikettAlle Tags in XHTML müssen Kleinbuchstaben und geschlossen sein. Ohne geschlossene Tags (wie BR und IMG) müssen in englischer Sprache mit halben Winkel nach vorne geschlossen/selbstverständlich (wie z.
). Beachten Sie, dass es vor dem Schrägstrich einen englischen Halbbreitenraum geben sollte.
Die Tags müssen ebenfalls umfassend sein, damit die Elemente korrekt verschachtelt sind (wie diese , nicht das ).
Alle Dokumente müssen HTML-, Kopf-, Titel- und Körperelemente haben. Es muss auch mit der Deklaration vom Dokumenttyp beginnen.
Der Körper des Dokuments sollte mit P, H1, H2, H3, H4, H5, H6, Div, Pre, Adresse, Ins oder Del beginnen.
EigentumAlle Attribute müssen in Kleinbuchstaben sein, und ihre Werte müssen auch in englischen Halbbreiten-Anführungszeichen () eingeschlossen sein.
Dünne Attribute sind nicht zulässig (z. ). Nach Konvention muss ein vereinfachtes Attribut den gleichen Wert wie der Attributname angeben (z. ).
Das Namensattribut ist nicht mehr legal (außer in Formularelementen), und stattdessen sollte ID verwendet werden.
Das Zielattributziel ist kein rechtliches Attribut. Zum Glück ist es ein bisschen verrückt.
In IMG ist das ALT -Attribut erforderlich.
AffinitätDer Grund für die Erstellung von Affinitäts -Webseiten für Menschen mit Behinderungen ist nicht nachgewiesen. Es ist nicht nur human, sondern auch für ältere Benutzer und Benutzer mit reduzierten Gesichtszügen vorteilhaft (denken Sie an, eines Tages sind wir alt, unser Sehvermögen ist reduziert und unsere Gesichtsmerkmale sind nicht flexibel, wie können wir das Internet durchsuchen? Akkumulieren Sie etwas Tugend für ältere Menschen und betrachten Sie die Affinität jetzt! Die Affinität ist nicht nur für Menschen mit schwerwiegenden Behinderungen geeignet, sondern erleichtert den meisten Benutzern mit geringen Mengen an Regressionsfunktionen (insbesondere Sehvermögen).
Dieses Problem ist zunehmend an rechtlichen Fragen wie der Annahme von Artikel 508 in den Vereinigten Staaten beteiligt, in dem versucht wird, die Verwendung der obligatorischen Affinität aktiv zu fördern. In Großbritannien müssen alle staatlichen Websites über ein bestimmtes Maß an Affinität verfügen. Wann kann es Gesetze wie Affinitätsmaßnahmen für Gebäude geben, damit sie auf kommerziellen Websites häufig verwendet werden können? (China weiß nicht, wann diese Gesetzgebung verfügbar sein wird! Aber es bedeutet nicht, dass wir nicht auf die Rechtmäßigkeit der von uns entworfenen Webseiten achten sollten.
Wenn Sie die oben genannten Vorschläge befolgen können, sollte Ihr HTML bereits eine hohe Affinität für Benutzer mit Behinderungen haben. Es gibt mehr Kreationen, die Ihre Affinität auf die nächste Ebene bringen, und es ist nicht schwierig. Siehe Affinity Connection and Affinity Form Guide.