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) anwenden, können einige Personen, die die Elementar- und Intermediate -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 (oder Textbrowser mit einem Stilblatt zu präsentieren, aber kein Stylesheet wie Luchs-Note-Anmerkung).
Tabellen sollten nicht in Layout verwendet werden - Tabellen werden verwendet, um Tabellenformatdaten darzustellen (wir haben es oft gesagt - Übersetzer -Anmerkung). 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. Diejenigen ohne geschlossene Tags (wie BR und IMG) müssen automatisch geschlossen werden, nachdem Sie den englischen Halbwinkel-Stürmer-Schrägstrich verwendet haben. Achten Sie darauf, dass es vor dem Schrägstrich einen englischen Halbbreitraum geben sollte.
Die Tags müssen auch ganzheitlich sein, damit die Elemente korrekt verschachtelt sind (z. B. <strong> <em> Dies </em> </strong>, nicht <strong> <em> Dies </strong> </em>).
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.
Das optimierte Attribut ist nicht zulässig (z. B. <Eingabe type = "Kontrollkästchen" checked />). Nach Konvention muss ein optimiertes Attribut den gleichen Wert wie der Attributname angeben (z. B. <Eingabe type = "Kontrollkästchen" checked = "checked" />).
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 Gesichtsfunktionen 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 es den meisten Benutzern mit geringen Mengen an Regressionsfunktionen (außergewöhnliche Sicht).
Dieses Problem ist zunehmend an rechtlichen Fragen wie der Annahme der "508" in den Vereinigten Staaten beteiligt, die versucht, die Verwendung der obligatorischen Affinität aktiv zu fördern. In Großbritannien müssen alle staatlichen Websites über ein bestimmtes Affinitätsniveau 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ß immer noch nicht, wann diese Art von Gesetzgebung verfügbar sein wird! Dies bedeutet jedoch 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 behinderte Benutzer 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.