Nachdem der Artikel „Das wird eine Revolution sein“ erscheint. Es wurde von allen in der Branche anerkannt, es gab natürlich auch einige Herausforderungen von internen und externen Seiten, aber was noch wichtiger ist, ist, dass immer mehr Menschen nach jedem Detail fragen. Ich bin heute Abend früh nach Hause gegangen und bin mitten in der Nacht aus einem Traum aufgewacht. In dem Traum habe ich mit meinen Klassenkameraden ein Spiel gespielt – „The Next“. Nach dem Aufwachen hatte ich das Gefühl, dass ich etwas tun musste, also änderte ich schließlich TMENU (es hatte sich lange verzögert); dann hatte ich das Gefühl, dass ich einige reale Fälle im Detail zu den fünf zuvor genannten Punkten aufschreiben musste. Also habe ich angefangen, diesen Artikel zu schreiben.
Es macht Sinn, im Traum wieder in die Grundschule zu gehen. Das eine ist, dass mich das Spiel „The Next“ daran erinnert hat, und das andere ist, was Piaopiao und ich anderen oft sagen. Um HTML gut zu lernen, muss man zuerst zurückgehen und die chinesischen Sprachbücher in der Grundschule lesen. Der Grund für die Rückkehr in die Grundschule liegt darin, dass die dortigen Bücher nicht durch zu viel prüfungsorientierte Bildung beeinträchtigt werden und die „Essenz“ in ihnen Authentizität hat und Bücher in chinesischer Sprache die Essenz von HTML bedeuten: Titel, Absätze, Listen und Bibliographien.
Die Essenz des HTML-Lernens besteht darin, alles zu verwenden, was es sein soll ——Ghost. Natürlich bedarf dieser Satz einer Erklärung, und das Referenzbeispiel ist Ihr Chinesischbuch für die Grundschule.
Werfen wir zunächst einen Blick auf den Prozess der Erstellung unserer Website. In meiner Erinnerung entstand meine erste Website im Jahr 1998. Damals nutzte eine Gruppe von Menschen Tabellen, um Webseiten zu erstellen. Was ist die schwierigste Frage, die wir im Tabellenzeitalter finden?
Einzigartiges Layout mit drei Zeilen und unbestimmten Spalten:
Einzigartiger Ein-Pixel-Rahmen:
Nach der
Table-Ära (in meiner Erinnerung etwa 2001) tauchte die erste Gruppe von Leuten auf, die
verwendeten. Es gab also einen CSS-Trend in China. Die Verwendung besteht darin, es in eine Reihe von Tabellen einzufügen und dann die absolute Positionierung von CSS zu verwenden, und einige fügen etwas JS hinzu, um es schweben zu lassen. Später begannen einige Leute, CSS zu studieren. Ich erinnere mich, dass es in den frühen Tagen von „Fengren Design“ eine Reihe von Leuten gab, die über Zusammenarbeit sprachen, ein CSS-Buch in der Hand hielten und mit mir über dieses und jenes sprachen (natürlich, diese Leute haben schließlich ihren Beruf gewechselt). Zu diesem Zeitpunkt hatten wir das Gefühl, dass das schwierigste Thema darin bestand, einen Dong Dong zu erstellen, der damals als „Java-Spezialeffekt“ bezeichnet wurde. Zu diesem Zeitpunkt fühlte ich mich von XML angezogen, das von jemandem vorgeschlagen wurde, aber ich betrachtete es nur als eine Art Datenspeicher (tatsächlich legte dies auch den Prototyp der Qzone-Implementierung dar).
Die Zeit vergeht so schnell. Am 1. Mai 2004, dem Internationalen Tag der Arbeit, veröffentlichte die Electronic Industry Press eine Buchübersetzung mit dem Titel „Website Reconstruction – Designing with Web Standards“. Infolgedessen verbreitete sich der Glaube an „DIV CSS“ im ganzen Land, was wirklich bedeutet, dass der epochenübergreifende Beginn des Wiederaufbaus chinesischer Websites begonnen hat in eine andere Feuerstelle. Ich denke, wir können dieses Buch nur aus der Perspektive der Sui- und Tang-Dynastien betrachten. Denn es bedeutet lediglich die Geburt eines innovativen Kaisers und einer neuen Dynastie und fördert nicht unbedingt den sozialen Wandel und die Entwicklung. Dieses Buch verwandelt Tabellenverschachtelung in Div-Verschachtelung. Das damals (bis heute) populärste Sprichwort lautet: „Meine Website besteht aus ‚DIV CSS‘.“ gelöst: „Warum? ‚DIV CSS‘ statt ‚TABLE CSS‘“:
Zitat aus „This Will Be a Revolution“:
Schauen wir uns zunächst zwei Beispiele an. Oberflächlich betrachtet sind Tabelle und Div gleich, aber sobald der Produktmanager Änderungen vorschlägt, muss sich die Leistung ändern. Das Div kann leicht in diesen Typ geändert werden. Aus dem Beispiel ist ersichtlich, dass die Tabelle ohne Änderung des HTML solche Änderungen nicht abschließen kann, selbst wenn sie zu Tode geprügelt wird. „DIV CSS“ ist aufgrund der Liberalisierung des Schriftsatzes besser als „TABLE CSS“. Nehmen wir das obige Beispiel als Beispiel, Table wird dies im Laufe seiner Lebensdauer nicht erreichen können.
Erst um Qzone3.0 begann ich, die obige Antwort herauszufinden, was fast ein Jahr dauerte. Dann wurden in Qzone4.0 drei Marker „dl, dt, dd“ und die Geburt von TMENU verwendet. Was ich jetzt sehr bereue, ist, dass ich auch alle in einen anderen generationsübergreifenden Start gebracht habe – „XHTML CSS“, und gleichzeitig alle in ein neues heißes Bett gebracht habe. Es ist leicht, in das heiße Bett zu gelangen, aber schwer, wieder herauszukommen. Erst dann begann ich zu verstehen, warum zwei Prominente des Wiederaufbaus – Ajie und Lao Gan – nach und nach aus dem Internet verschwanden. Ich fing an, ihnen nicht die Schuld für das zu geben, was zuvor passiert war, sondern mehr Verständnis dafür zu entwickeln, und ich traf auch eine geheime Entscheidung in meinem Herzen. Es entstand das „SB“-Konzept, das den Weg für einen „gesunden Wettbewerb“ ebnete.
Der historische Weg ist wie oben beschrieben. Um zum Kern des HTML-Lernens zurückzukehren, müssen Sie alles verwenden, was es ist. Dies bedeutet, dass Tags nicht missbraucht werden können und Tags, die zum Kern des Inhalts zurückkehren, qualifizierte Tags sind. Nehmen Sie TMENU als Beispiel.
Der HTML-Code vor
lautet:
Der aktuelle HTML-Code lautet:
Das Folgende ist eine Menüliste
Jeder kann den Unterschied zwischen den beiden sehen. Es gibt ein zusätzliches Map-Tag und ein HN-Tag. Warum ist das so? Schauen wir uns ein anderes Beispiel an: Auf dem Spielplatz stehen 100 Autos unterschiedlicher Marken, Formen und Farben. Teilen wir diese Autos nun in mehrere Gruppen ein und stellen wir eine Liste zur Auswahl bereit. Natürlich wird jeder an die Verwendung von Listen denken. Aber haben Sie jemals darüber nachgedacht, was diese Liste darstellen kann?
Zitierbeispiele
- XXX-Marke XXX-Modell
- XXX-Marke XXX-Modell
Oder
Zitierbeispiele
- XXX-Marke XXX-Modell
- XXX-Marke XXX-Modell
Was die obige Liste betrifft, verstehe ich überhaupt nicht, wie die Klassifizierung dieser Liste erfolgt, warum eine geordnet und die andere ungeordnet ist. Wie sind sie so angeordnet und warum werden sie zusammengestellt? Viele, viele Fragen. Schauen wir uns das folgende Beispiel an
Zitierbeispiel
Gelbes Serienauto
- XXX-Marke XXX-Modell
- XXX-Marke XXX-Modell
Oder
Zitierbeispiele
Herstellungsjahr
- XXX Marke XXX Modell
- XXX Marke XXX Modell
Die obigen Beispiele sind für jeden auf einen Blick klar. Alle Einzelheiten wurden klar. Aber warum gibt es im TMENU-Code ein Karten-Tag? Schauen wir uns ein Beispiel an
Das obige Beispiel ist natürlich richtig. Allerdings wird eine solche Struktur den Benutzern das Gefühl geben, extrem dumm zu sein. Gibt es nicht ein Sitemap-Navigationsmenü nach dem Site-Namen und dem Untertitel? (
bezieht sich speziell auf die Site mit dem Menü oben ) Und gleichzeitig stellt HTML selbst einen Tag bereit, der sich speziell auf die Sitemap-Navigation bezieht –