Nach dem Artikel "Dies wird eine Revolution sein" veröffentlicht. Es wurde von allen in der Branche anerkannt und natürlich auch von einigen internen und externen Herausforderungen provoziert, aber mehr Menschen fragen nach Einzelheiten zu jedem Punkt. Ich ging heute Abend nach Hause und ging sehr früh ins Bett. Ich bin mitten in der Nacht in einem Traum aufgewacht. Im Traum spielte ich ein Spiel mit meinen Klassenkameraden in der Grundschule - die nächste. Nachdem ich aufgewacht war, hatte ich das Gefühl, dass ich etwas tun musste, also modifizierte ich endlich Tmenu (es wurde lange verzögert); Dann hatte ich das Gefühl, dass ich einen detaillierten Teil der fünf Punkte in naher Zukunft schreiben musste, also begann ich diesen Artikel zu schreiben.
Es ist sinnvoll, in meinem Traum zur Grundschule zurückzukehren. Eines ist das Spiel der nächsten Erinnerung, und das andere ist das, was Piaopiao und ich anderen oft sagen, dass sie die chinesischen Sprachbücher in der Grundschule überprüfen können, um HTML gut zu lernen. Der Grund für die Rückkehr zur Grundschule ist, dass die Bücher dort nicht zu viel Einmischung in die prüforientierte Ausbildung geben werden, und die Essenz darin ist authentisch, während chinesische Bücher die Essenz von HTML: Titel, Absatz, Liste, Bibliographie bedeuten. Die Essenz des HTML -Lernens besteht darin, alles zu verwenden, was es sein sollte - Ghost. Dieser Satz braucht natürlich eine Erklärung, und das Referenzbeispiel ist Ihr chinesisches Lehrbuch für chinesische Grundschule.
Schauen wir uns zunächst den Prozess unserer Website -Produktion an. In meinem Gedächtnis wurde meine erste Website 1998 erstellt, als ich eine Gruppe von Personen war, die Tabellen verwendeten, um Webseiten zu erstellen. Was ist das schwierigste Problem, das wir in der Zeit des Tisches glauben?
Seltsames Drei-Reihen-Säulenlayout mit drei Reihen:
Seltsame Ein-Pixel-Grenze:
Nach der Tisch -Ära (ich erinnere mich um 2001) schienen die ersten Personen, die <div> verwendeten, erschienen. So wehte ein CSS -Wind in China. Die Verwendung besteht darin, ihn in mehrere Tische zu bringen und die absolute Positionierung von CSS zu verwenden, und einige fügen einige JS hinzu, um ihn herumschweben zu lassen. Später begann jemand CSS zu studieren. Ich erinnere mich, dass in der frühen Phase von Fengren Design mehrere Leute, die über die Zusammenarbeit sprachen, ein CSS -Buch veranstalteten und mir davon und das erzählten (natürlich haben diese Leute schließlich die Karriere geändert). Zu diesem Zeitpunkt war die schwierigste Frage, die wir dachten, einen Dongdong zu machen, der zu dieser Zeit Java -Spezialeffekte genannt wurde. Zu diesem Zeitpunkt wurde ich von dem von jemandem vorgeschlagenen XML angezogen, aber ich betrachtete es nur als eine Art Datenspeicherung (tatsächlich legte dies die Grundlage für die Implementierung von Qzone).
Zeit fliegt. Am 1. Mai 2004 veröffentlichte Electronics Industry Press am Internationalen Arbeitstag eine Übersetzung eines Buches namens "Web Refactoring - Designing mit Webstandards". Der Glaube an Div CSS wurde im ganzen Land verteilt, was wirklich bedeutet, dass der Beginn der chinesischen Website der chinesischen Website begann. Aus einer anderen Perspektive zog dieses Buch Chinas WebRebuilder aus einer Feuerstelle und warf es in einen anderen Feuerkang. Ich denke, wir können dieses Buch nur aus der Perspektive betrachten, um die erfolgreichen Zeiten der Sui und Tang -Dynastien zu betrachten. Weil es nur die Geburt eines neuen Kaisers und einer neuen Dynastie bedeutet und keinen sozialen Wandel und Evolution aus seiner Essenz fördert. Dieses Buch nistet Tische in die Teile. Der beliebteste Diskurs damals (bis jetzt) war, dass meine Website von 'Div CSS' hergestellt wurde. Zu diesem Zeitpunkt trat ich nicht in diese Reihen und wartete; Weil ich eine sehr kritische Frage hatte, die nicht löste, warum 'Div CSS' anstelle von "Tabelle CSS":
Zitat "Dies wird eine Revolution sein":
Schauen wir uns zuerst zwei Beispiele an. Tabelle und Div tun auf der Oberfläche sie sind gleich, aber sobald der Produktmanager Änderungen vorschlägt, muss sich die Leistung ändern. Das DIV wird sich leicht ändern, um dieses Beispiel zu werden. Wie das Beispiel zeigt, dass die Tabelle ohne Änderung der HTML solche Änderungen nicht abschließen kann, selbst wenn sie zu Tode geschlagen wird. Die Überlegenheit von Div CSS als Tabelle CSS ist die Liberalisierung des Artensetts. Da die obigen Beispiele das Thema sind, kann die Tabelle in Ihrem Leben niemals in der Lage sein.
Erst um Qzone 3.0 fing ich an, die obige Antwort herauszufinden, was ungefähr ein Jahr dauerte. In Qzone 4.0 wurden dann die Geburt von drei Mark DL, DT, DD und Tmenu verwendet. Was ich jetzt bedauere, ist, dass ich Sie in ein anderes Start-XHTML-CSS in der Ära gebracht habe, und es hat Sie auch in einen neuen Kang gebracht. Es ist leicht, in den Kang zu gelangen, und es ist schwierig, aus dem Kang herauszukommen. Ich begann zu verstehen, warum zwei rekonstruierte Prominente - Ajie und Lao Gan, allmählich aus dem Internet verschwanden. Ich begann ihre früheren Ereignisse nicht zu beschuldigen, sondern eher eine Art Verständnis, und ich entschied mich auch. Dann begannen wir, den Grundstein für das SB -Konzept des gesunden Wettbewerbs zu legen.
Die historische Reise ist wie oben. Rückkehr in die Essenz des HTML -Lernens bedeutet, alles zu verwenden, was es sein sollte; Dies bedeutet, dass Tags nicht missbraucht werden können, und Tags, die die Essenz von Inhalten wiederherstellen, sind qualifizierte Tags. Nehmen Sie Tmenu als Beispiel.
Der vorherige HTML -Code war:
<ul class = Menü>
<li> <a href =#> <span> <span> 123123 </span> </span> </a> </li>
<li> <a href =#> <span> <span> 123123 </span> </span> </a> </li>
<li> <a href =#> <span> <span> 123123 </span> </span> </a> </li>
<li> <a href =# class = now> <span> <span> 123123 </span> </span> </a> </li>
<li> <a href =#> <span> <span> 123123 </span> </span> </a> </li>
</ul>
Der HTML -Code ist jetzt:
<map id = DirectMenu class = Menü>
<div> <a href =#> <span> <span> 123123 </span> </span> </a>
<a href =#> <span> <span> 123123 </span> </span> </a>
<a href =#> <span> <span> 123123 </span> </span> </a>
<a href =# class = now> <span> <span> 123123 </span> </span> </a>
<a href =#> <span> <span> 123123 </span> </span> </a> </div> </map>
<h2> Folgendes ist eine Menüliste </H2>
<ul class = Menü> <li>
<a href =#> <span> <span> 123123 </span> </span> </a> </li>
<li> <a href =#> <span> <span> 123123 </span> </span> </a> </li>
<li> <a href =#> <span> <span> 123123 </span> </span> </a> </li>
<li> <a href =# class = now> <span> <span> 123123 </span> </span> </a> </li>
<li> <a href =#> <span> <span> 123123 </span> </span> </a> </li>
</ul>
Jeder hat die Unterschiede zwischen den beiden gesehen. Es gibt ein zusätzliches Karten -Tag und ein HN -Tag. Warum ist das so? Schauen wir uns ein weiteres Beispiel an: Auf dem Spielplatz befinden sich 100 Autos mit verschiedenen Marken, Formen und Farben. Jetzt können Sie diese Autos in mehrere Gruppen einteilen und eine Liste für die Auswahl feedback. Natürlich ist die Verwendungsliste etwas, woran jeder denkt. Aber haben Sie jemals darüber nachgedacht, was diese Liste darstellen kann?
Zitatbeispiel
<ul>
<li> XXX Brand XXX -Modell </li>
<li> XXX Brand XXX -Modell </li>
</ul>
Wieder oder
Zitatbeispiel
<ol>
<li> XXX Brand XXX -Modell </li>
<li> XXX Brand XXX -Modell </li>
</ol>
Mit der obigen Liste kann ich nicht klar sehen, wie die Klassifizierung dieser Liste gebildet wird und warum der eine bestellt und der andere ungeordnet ist. Wie haben sie sich so angestellt und warum haben sie sie zusammengestellt? Viele, viele Fragen. Schauen wir uns das folgende Beispiel an
Zitatbeispiel
<h3> Autos der gelben Serie </h3>
<ul>
<li> XXX Brand XXX -Modell </li>
<li> XXX Brand XXX -Modell </li>
</ul>
Wieder oder
Zitatbeispiel
<h3> Fabrikjahr </h3>
<ol>
<li> XXX Brand XXX -Modell </li>
<li> XXX Brand XXX -Modell </li>
</ol>
Die obigen Beispiele sind auf einen Blick zu sehen. Alle Vor- und Nachteile wurden klar. Warum existiert jedoch das Karten -Tag im TMenu -Code noch? Schauen wir uns ein Beispiel an
Das obige Beispiel ist natürlich korrekt. Eine solche Struktur gibt jedoch das Gefühl, dass der Benutzer extrem gering ist. Ist das Menü "Site Map Navigation" nicht nach dem Namen und dem Untermarke des Site? ( Besonders auf die Website, auf der das Menü oben ist . Da es ein Etikett gibt, das an sich eine solche Bedeutung hat, warum müssen Sie dann Text verwenden, um es zu erklären? Sie können nicht immer <h3> verwenden. Dies ist eine ungeordnete Liste </h3> <ul> so idiotisch. Jeder weiß, dass meine Mutter eine Frau ist. Schauen wir uns das folgende Beispiel an:
Ja, der Code ist einfacher und klarer.
Tatsächlich wird es nicht schwierig sein, den ersten Schritt von WebRebuild zu machen. Gehen Sie zurück und schauen Sie sich die chinesischen Sprachbücher in Grundschulen an, denken Sie über die wichtigsten Dinge nach und fragen Sie sich mehr warum? . Genau wie ein Mensch sein, sollten Sie das sein, was Sie tun sollten. Sie sollten nicht durch komplexe Gesellschaft und umständliche zwischenmenschliche Beziehungen gestört werden. Halten Sie sich an das Prinzip, bodenständig zu sein, hart zu arbeiten und ein Mensch zu sein, Gold leuchtet immer.
Inhalte zitieren Ich habe eine Eigenart. Ich mag das in Interviews sehr, ich muss immer den Interviewer XHTML zuerst nehmen. Genauso wie der Meister in der Vergangenheit auszubildeten, sind seine Fähigkeiten und Weisheit der zweite und sein Charakter ist der erste, der betroffen ist.Ich denke, XHTML ist wie die Essenz eines Menschen, CSS ist wie die Art und Weise, wie es die Art und Einstellungen eines Menschen tun, und JS ist wie das Verhalten und den Stil einer Person, Dinge zu tun. Die Trennung der drei in Verbindung mit einer gewissen Interaktion mit peripherer SEO und menschlicher Komputer ist das, was wir als Rekonstruktion der Website bezeichnen, was eine sehr gute Person ist. Vorher dachten einige Leute immer, dass CSS das wichtigste Element der Website war, aber tatsächlich war es natürlich eine Sicht des Lebens. In der Tat ist es für eine Person schwierig, in der heutigen Gesellschaft gut zu überleben, ohne mit Dingen umzugehen. Aber wenn die Art und Weise, wie man mit Dingen umgeht, zu voreingenommen ist, wird er eine Person, die gut täuscht und alle Mittel verwendet, um Dinge zu tun.
Zitatbeispiel
<h1> Site -Name </h1>*
<h2> Site -Subty </H2>*
<Map> <div> <a href =#> Connect 1 </a> <a href =#> Connect 2 </a> </div> </map>
Hinweis: Der Kommentar Teil von Nr. * Wird verwendet, um zu betonen, dass die Website die Hauptzeit für die Werbung ist.
Zitatbeispiel
<h1> Site -Name </h1>*
<h2> Site -Subty </H2>*
<h3> Menü zur Navigation des Standortkartens </h3>
<ul>
<li> Verbindung 1 </li>
<li> Verbindung 2 </li>
</ul>
Hinweis: Der Kommentar Teil von Nr. * Wird verwendet, um zu betonen, dass die Website die Hauptzeit für die Werbung ist.