Faint: „Nutzen Sie Web 2.0, um standardkonforme Seiten zu erstellen“
|
Heute sprach jemand mit mir über ein Website-Entwicklungsprojekt. Als es um die spezifischen Anforderungen ging, sagte er zu mir: „Verwenden Sie Web 2.0, um Standardseiten zu erstellen.“ Ich fiel auf der Stelle in Ohnmacht und dachte, wenn Sie es nicht verstehen, tun Sie nicht so. Aber am Ende entschied ich mich trotzdem für ein Vorstellungsgespräch. Seine Worte veranlassten mich jedoch, die Neugestaltung der Website zu überdenken. Web 2.0 ist ein historisches Konzept, eine Phase und ein Internetmodell, aber es ist definitiv keine Technologie; der Webstandard ist eine Sammlung von Standards. Sein Kern ist die vollständige Trennung von Inhalt, Struktur, Präsentation und Verhalten (ich habe den Inhalt auch selbst hinzugefügt), was für zukünftige Überarbeitungen und Wartungen sehr praktisch ist. Was die Verbesserung der Browsing-Geschwindigkeit angeht, stimme ich nicht zu. Bei der Neugestaltung müssen wir beim Inhalt ansetzen, denn jede Verbesserung dient einer besseren Darstellung der Inhalte. Was also ist Inhalt? Inhalt sollte die eigentliche Information sein, die die Seite tatsächlich vermitteln möchte, beispielsweise Daten, Dokumente oder Bilder. Inhalt bezieht sich im Wesentlichen auf die ursprünglichsten Daten und ist die Grundlage der Seite. Als nächstes müssen wir über den Hauptpunkt der Seite sprechen – die Struktur, denn ohne Struktur ist der Inhalt fast unbrauchbar. Eine Struktur mit guter Semantik macht den Inhalt logischer und benutzerfreundlicher. Inhalt und Struktur sind also ein untrennbares Ganzes. Vielleicht ist dies auch der Grund, warum der Standard nicht klar auf die Trennung von Inhalten hinweist. Wenn es um Struktur geht, kommt vielen Leuten das Konzept „Div CSS für Layout verwenden“ in den Sinn. Mir ist es egal, ob dieses Bewusstsein richtig oder falsch ist, denn ich möchte immer zuerst das Konzept einer Sache klären: Die Struktur ist derzeit in zwei Teile unterteilt, einer ist die semantische Struktur und der andere ist die Codestruktur. Die semantische Struktur wird durch die Semantik des Tags selbst generiert (Hinweis: Ich habe nie ganz verstanden, was Semantik ist, aber jetzt kann ich eines klarstellen: Semantik enthält das Konzept einer Struktur, ist aber nicht gleich Struktur, und Semantik hat nichts mit Stil zu tun). Die Codestruktur ist programmorientiert und erfordert menschliche Beteiligung. Als nächstes möchte ich meine Meinung zu dem oben genannten Bewusstsein mitteilen. Zunächst einmal denke ich, dass das Wort „Layout“ nicht erscheinen sollte. Vielleicht liegt das alles am IE. Darüber hinaus muss ein falsches Konzept korrigiert werden. Der Standard befürwortet die Verwendung von XHTML-CSS anstelle von Div-CSS. Die Schuld dafür sollte denjenigen Freunden zugeschrieben werden, die den Standard fördern. Wir sollten Lernende nicht verwirren, um schnelle Ergebnisse zu erzielen. Nur ein Witz. Da wir gerade über div und table sprechen, möchte ich auf den Unterschied zwischen beiden eingehen: div ist semantisch und codestrukturorientiert, stellt einen Teil dar und wird verwendet, um eine Unterteilung in einem Dokument zu definieren. Es zeigt die XML-basierte Knotenstruktur durch Unterteilung an und generiert durch Unterteilung strukturierte Zeilen. Die spezifische Anwendung von Knoten und Zeilen ist bereits im kommenden xhtml2.0 erschienen, das Abschnitte zur Darstellung von Knoten und Zeilen zur Darstellung von Zeilen verwendet. Der Schwerpunkt von table sollte auf der Generierung von Datenspalten und der Anzeige tabellarischer Daten liegen und sollte niemals zur Unterteilung von Strukturen verwendet werden. An dieser Stelle möchten einige Freunde jedoch möglicherweise eine Frage stellen: Wenn die angezeigten tabellarischen Daten aus einer einzelnen Spalte mit mehreren Zeilen bestehen, kann dies dann nicht mit ul/ol erreicht werden? Wenn Sie wirklich solche Zweifel haben, dann muss ich sagen, dass Sie das Konzept tabellarischer Daten nicht verstehen. Tabellarische Daten beziehen sich auf Daten, deren Expansionstrend Spalten sind. Wenn Sie also erwarten, dass der Expansionstrend Spalten generiert, sollten Sie, auch wenn es nur eine Spalte gibt, eine Tabelle statt einer Liste verwenden, da der Schwerpunkt von ul/ol auf der Generierung von Daten liegt. Der Schlüssel zum richtigen Verständnis und zur richtigen Anwendung der beiden hängt von der Voraussicht der zukünftigen Seitenstruktur ab. Ich gehe nicht weiter darauf ein, da es etwas vom Thema abweicht. Kommen wir zurück zur Struktur. Basierend auf den durch das Design vorgegebenen Darstellungen sollten wir vor dem Start alle Faktoren berücksichtigen und danach streben, eine gemeinsame Struktur zu verwenden, um denselben Effekt zu erzielen, anstatt ständig diese kleinen Div-Einheiten zu definieren, um den idealsten Zustand im Design zu erreichen: Das Personal an der Rezeption erkennt mit geschlossenen Augen, welche Art von XHTML-Strukturcode vom Personal an der Rezeption ausgegeben wird. Zu diesem Zweck müssen wir XHTML reparieren. Die spezifische Implementierungsmethode besteht darin, die H-Reihe zu verwenden, um die große Struktur der Seite zu unterteilen, und Div zu verwenden, um lokale Bereiche zu modularisieren. Da bei der Modularisierung von Teilen die aussagekräftigen dedizierten Elemente in XHTML möglicherweise nicht ausreichen und es nicht wie XML eigene Elemente erstellen kann, ist es notwendig, ihnen durch das Hinzufügen von IDs oder Klassen zusätzliche Bedeutung zu verleihen. Einfach ausgedrückt besteht der Unterschied zwischen beiden darin, dass die ID zuerst die Struktur/den Inhalt findet und dann den Stil dafür definiert; die Klasse definiert zuerst einen Stil und wendet ihn dann auf mehrere Strukturen/Inhalte an. Konkret besteht die wissenschaftliche Methode in der Struktur von XHTML darin, in großen Strukturen, insbesondere peripheren Elementen, so oft wie möglich IDs zu verwenden und innerhalb der Struktur so oft wie möglich Klassen zu verwenden, um sie universell zu machen. Am besten ist es jedoch, Klassen keine IDs enthalten zu lassen. Die Beziehung zwischen den beiden ähnelt ein wenig der Eltern-Kind-Beziehung, sollte jedoch niemals als Vater-Sohn- oder Großvater-Enkel-Beziehung verstanden werden. Zu Leistung und Verhalten möchte ich nicht viel sagen, nur eine kurze Beschreibung: Die reine XHTML-Struktur ohne hinzugefügte Stile hat UE, aber keine UI, was es CSS unmöglich macht, die Kernposition von XHTML zu übertreffen. Natürlich sage ich nicht, dass Leistung nicht wichtig ist, denn persönlich finde ich ein Barbecue ohne Gewürze oder einen Film ohne Kunst nicht attraktiv. Was JavaScript betrifft, werden Sie die Spezialeffekte von Ajax immer mehr zu schätzen wissen, je besser Sie sich mit ihm auskennen und ihn verstehen. Auf der Verhaltensebene wird es jedoch häufiger mit CSS kombiniert, was Ihnen beim Erlernen von CSS eine weitere Aufgabe stellt. Originallink: http://blog.5u96.cn/article.asp?id=30 |
<<: JavaScript zum Implementieren des Slider-Verifizierungscodes
>>: Lösen Sie das Problem der Randzusammenführung
Artikel empfehlen
Detaillierte Erläuterung mehrerer Implementierungsmethoden des MySQL-Zählens nach Bedingungen
Ich habe vor Kurzem eine Reihe statistischer Funk...
MySQL Router implementiert MySQL Lese-/Schreibtrennung
Inhaltsverzeichnis 1. Einleitung 2. MySQL-Router ...
Centos7.3 startet oder führt beim Booten automatisch angegebene Befehle aus
In CentOS7 wurden die Berechtigungen der Datei /e...
Codebeispiel für das Nutzungsszenario der Nginx-Domänenweiterleitung
Szenario 1: Aufgrund von Serverbeschränkungen ist...
Zusammenfassung der Wissenspunkte zum Abdecken von Indizes in MySQL
Wenn ein Index die Werte aller abzufragenden Feld...
6 ungewöhnliche HTML-Tags
Zuerst: <abbr> oder <acronym> Diese be...
Lernen Sie die Grundlagen von nginx
Inhaltsverzeichnis 1. Was ist nginx? 2. Was kann ...
4 Funktionen, die durch das Transform-Attribut in CSS3 implementiert werden
In CSS3 können mit der Transformationsfunktion vi...
Zusammenfassung der speicherbezogenen Parameter von MySQL 8.0
Theoretisch entspricht der von MySQL verwendete S...
In Linux gibt es keinen Make-Befehl (make: *** Kein Ziel angegeben und keine Makefile- oder Make-Befehlsinstallationsmethode gefunden)
Beachten! ! ! Diese Situation kann bei der Instal...
Der Unterschied zwischen HTML-Name-ID und Klasse_PowerNode Java Academy
Name Geben Sie einen Namen für das Tag an. Format...
Detaillierter Installationsprozess des NodeJS-Verwaltungstools NVM
keine Ahnung nvm ist für die Verwaltung mehrerer ...
Fehler bei der Eingabe chinesischer Zeichen im Flex-Programm Firefox
In niedrigeren Versionen von Firefox können keine ...
Der Mysql5.7-Dienst kann nicht gestartet werden. Tutorial zur grafischen Lösung
p>Manuell in "Dienste" starten und e...
Detaillierte Untersuchung des MySQL-Verbundindex
Ein zusammengesetzter Index (auch gemeinsamer Ind...