HTML ist eigentlich die Anwendung zum Erlernen mehrerer wichtiger Tags
|
Nachdem der Artikel „Dies wird eine Revolution“ erschienen ist. Dies wurde von allen in der Branche anerkannt und es gab natürlich auch einige Herausforderungen von innen und außen, aber was noch spannender ist, ist, dass immer mehr Leute nach den Einzelheiten zu jedem Punkt fragen. Ich bin heute Abend früh nach Hause und ins Bett gegangen. Mitten in der Nacht bin ich aus einem Traum aufgewacht. Im Traum habe ich mit meinen Grundschulkameraden ein Spiel namens „The Next“ gespielt. Als ich aufwachte, 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 zu den fünf zuvor genannten Punkten einige echte Fälle detailliert beschreiben musste, also begann ich, diesen Artikel zu schreiben. Es ist sinnvoll, im Traum noch einmal in die Grundschule zu gehen. Zum einen hat mich das Spiel „The Next“ daran erinnert, und zum anderen sagen Piaopiao und ich anderen oft: Wenn Sie HTML gut lernen möchten, lesen Sie zuerst Ihr Chinesisch-Lehrbuch aus der Grundschule. Der Grund für die Rückkehr zur Grundschule liegt darin, dass die Bücher dort nicht zu sehr mit prüfungsorientiertem Unterricht vermischt sind und die „Essenz“ in ihnen authentisch ist. Die chinesischen Lehrbücher vermitteln die Essenz von HTML: Überschriften, Absätze, Listen und Bibliografien. Das Wesentliche beim HTML-Lernen ist, das zu verwenden, was benötigt wird – Ghost. Natürlich bedarf dieser Satz einer Erklärung und das Referenzbeispiel ist Ihr Chinesisch-Lehrbuch aus der Grundschule. Schauen wir uns zunächst den Prozess der Website-Erstellung an. Soweit ich mich erinnern kann, wurde meine erste Website im Jahr 1998 erstellt. Damals verwendeten die meisten Leute Tabellen zum Erstellen von Webseiten. Was ist unserer Meinung nach die schwierigste Frage im Zeitalter der Tabellen? Ein eigenartiges Layout mit drei Zeilen und unbestimmten Spalten:  Seltsame Ein-Pixel-Ränder:  Nach der Tabellenära (soweit ich mich erinnern kann, etwa im Jahr 2001) gab es die ersten Benutzer von <div>. Infolgedessen begann in China ein CSS-Trend. Die Verwendung besteht darin, es mit mehreren Tabellen zu umschließen und dann die absolute CSS-Positionierung zu verwenden und auch etwas JS hinzuzufügen, damit es herumschwebt. Später begannen einige Leute, CSS zu studieren. Ich erinnere mich, dass in den frühen Tagen von Fengren Design mehrere Leute, die zu mir kamen, um über eine Zusammenarbeit zu sprechen, ein CSS-Buch in der Hand hielten und mit mir über dies und das sprachen (natürlich wechselten diese Leute irgendwann ihre Karriere). Damals dachten wir, dass die schwierigste Aufgabe darin bestand, einen Dongdong zu erstellen, der damals als „Java-Spezialeffekt“ bezeichnet wurde. Zu diesem Zeitpunkt war ich von XML angetan, das jemand vorgeschlagen hatte, betrachtete es jedoch lediglich als eine Art Datenspeicher (tatsächlich legte dies auch den Grundstein für den Prototyp der Qzone-Implementierung). Die Zeit vergeht wie im Flug. Am 1. Mai 2004, dem Internationalen Tag der Arbeit, veröffentlichte das Verlagshaus der Elektronikindustrie ein Buch mit dem Titel „Website-Rekonstruktion – Anwendung von Webstandards für das Design“. Infolgedessen verbreitete sich der Glaube an „DIV CSS“ im ganzen Land, was wirklich bedeutete, dass der epochale Beginn der Rekonstruktion chinesischer Websites begonnen hatte. Aus einer anderen Perspektive betrachtet, zog dieses Buch jedoch Chinas WebReBuilder aus einer Feuergrube und warf ihn in eine andere. Ich denke, wir können dieses Buch nur aus der Perspektive der wohlhabenden Sui- und Tang-Dynastien betrachten. Denn es bedeutet lediglich die Geburt eines neuen Kaisers und einer neuen Dynastie und fördert nicht grundlegend gesellschaftliche Veränderungen und Entwicklungen. Dieses Buch ändert die Tabellenverschachtelung in eine Div-Verschachtelung. Der damals (bis heute) beliebteste Spruch war: „Meine Website wurde mit ‚DIV CSS‘ erstellt.“ Ich bin dieser Gruppe damals noch nicht beigetreten und habe gewartet, denn ich hatte eine sehr kritische Frage, die nicht beantwortet wurde: „Warum ‚DIV CSS‘ statt ‚TABLE CSS‘ verwenden?“: Zitat aus „Dies wird eine Revolution sein“: Schauen wir uns zwei Beispiele an. Die Funktion einer Tabelle und die Funktion eines Div ist oberflächlich betrachtet gleich, doch sobald der Produktmanager eine Änderung vorschlägt, muss die Leistung geändert werden. Es wäre einfach, das Div in dieses Beispiel zu ändern. Das Beispiel zeigt, dass ohne eine Änderung des HTML-Codes keinerlei Änderungen an der Tabelle vorgenommen werden können. Der Vorteil von „DIV CSS“ gegenüber „TABLE CSS“ ist die Freiheit beim Schriftsatz. Wenn wir das obige Beispiel als Beispiel nehmen, werden Sie dies in Ihrem Leben niemals erreichen können. Erst mit Qzone 3.0 begann ich, die Antwort auf die obige Frage herauszufinden, was fast ein Jahr dauerte. Dann wurden in Qzone4.0 drei Tags „dl, dt, dd“ verwendet und TMENU war geboren. Was ich jetzt sehr bedauere ist, dass ich auch alle in einen anderen epochalen Anfang – „XHTML CSS“ – geführt habe und gleichzeitig alle in eine neue Brutstätte geführt habe. Es ist leicht, in den Kang hineinzukommen, aber schwer, wieder herauszukommen. Ich begann zu verstehen, warum zwei Rekonstruktions-Berühmtheiten – Ajie und Lao Gan – nach und nach aus dem Internet verschwanden. Ich hörte auf, ihnen die Schuld für ihre früheren Taten zu geben, wurde rücksichtsvoller ihnen gegenüber und traf in meinem Herzen eine geheime Entscheidung. Dann begann man, den Grundstein für das „SB“-Konzept des „gesunden Wettbewerbs“ zu legen. Die historische Reise ist wie oben beschrieben. Um zum Kern des HTML-Lernens zurückzukehren: Verwenden Sie, was notwendig ist. Dies bedeutet, dass Tags nicht missbraucht werden sollten und nur Tags, die das Wesentliche des Inhalts wiederherstellen, qualifizierte Tags sind. Nehmen Sie TMENU als Beispiel. Der vorherige HTML-Code lautet: <ul Klasse="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="jetzt"><span><span>123123</span></span></a></li> <li><a href="#"><span><span>123123</span></span></a></li> </ul> Der HTML-Code lautet nun: <map id="Direktmenü" Klasse="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="jetzt"><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="jetzt"><span><span>123123</span></span></a></li> <li><a href="#"><span><span>123123</span></span></a></li> </ul> Jeder hat den Unterschied zwischen den beiden gesehen. Es gibt eine zusätzliche Kartenbeschriftung und eine HN-Beschriftung. Warum ist das so? Schauen wir uns ein weiteres Beispiel an: Auf dem Spielplatz stehen 100 Autos unterschiedlicher Marken, Formen und Farben. Nun werden Sie aufgefordert, diese Autos in mehrere Gruppen aufzuteilen und eine Liste zur Auswahl zurückzugeben. Natürlich kommt mir die Verwendung einer Liste in den Sinn. Aber haben Sie jemals darüber nachgedacht, was diese Liste darstellen kann? Zitatbeispiel <ul> <li>XXX-Marke, XXX-Modell</li> <li>XXX-Marke, XXX-Modell</li> </ul> Oder Zitatbeispiel <ol> <li>XXX-Marke, XXX-Modell</li> <li>XXX-Marke, XXX-Modell</li> </ol> Wenn ich mir die Liste oben anschaue, kann ich nicht klar erkennen, wie die Klassifizierung dieser Liste zustande kommt und warum die eine geordnet und die andere ungeordnet ist. Wie kam es zu dieser Anordnung und warum sind sie zusammengefügt? Viele, viele Fragen. Schauen wir uns das folgende Beispiel an Zitatbeispiel <h3>Gelbes Serienauto</h3> <ul> <li>XXX-Marke, XXX-Modell</li> <li>XXX-Marke, XXX-Modell</li> </ul> Oder Zitatbeispiel <h3>Herstellungsjahr</h3> <ol> <li>XXX-Marke, XXX-Modell</li> <li>XXX-Marke, XXX-Modell</li> </ol> Die oben genannten Beispiele sind für jeden auf den ersten Blick klar. Alle Einzelheiten wurden klar. Aber warum gibt es im TMENU-Code ein Map-Tag? Schauen wir uns ein Beispiel an Das obige Beispiel ist sicherlich richtig. Eine solche Struktur vermittelt den Benutzern jedoch das Gefühl, sie seien äußerst inkompetent. Gibt es nach dem Site-Namen und dem Untertitel nicht ein Sitemap-Navigationsmenü? ( Bezieht sich insbesondere auf Sites mit einem Menü oben .) Gleichzeitig bietet HTML selbst ein Tag speziell für die Sitemap-Navigation – <map>. Wenn es ein Etikett gibt, das an sich schon eine solche Bedeutung hat, warum müssen Sie es dann mit Worten erklären? Sie würden nicht so etwas Dummes verwenden wie <h3>Dies ist eine ungeordnete Liste</h3><ul>. Jeder weiß, dass Oma eine Frau ist. Schauen wir uns das folgende Beispiel an: Ist der Code nicht einfacher und klarer? Tatsächlich ist es nicht schwer, den ersten Schritt von WebReBuild HTML zu machen. Schauen Sie sich das chinesische Lehrbuch aus Ihrer Grundschule noch einmal an, denken Sie über die wichtigsten Dinge nach und fragen Sie sich öfter „Warum?“ Genau wie ein Mensch sollten Sie tun, was Sie tun sollten, und sich nicht von der komplexen Gesellschaft und den langweiligen zwischenmenschlichen Beziehungen stören lassen. Bleiben Sie dem Grundsatz treu, bodenständig zu sein, gewissenhaft zu arbeiten und ein Mensch zu sein, und Gold wird immer glänzen. Zitate Ich habe eine Eigenart. Mir gefällt es, dass ich während des Interviews immer zuerst das XHTML des Interviewers teste. Wie früher, als Meister Lehrlinge anwarben, waren Fähigkeit und Intelligenz zweitrangig und der Charakter das Wichtigste. Ich denke, dass XHTML wie die Natur eines Menschen ist, CSS wie die Art und Einstellung eines Menschen, Dinge zu tun, und JS wie das Verhalten und der Stil eines Menschen, Dinge zu tun. Die Trennung dieser drei Elemente plus einige damit verbundene SEO- und Mensch-Computer-Interaktionen nennen wir Website-Rekonstruktion und bedeuten etwas sehr Gutes. In der Vergangenheit gab es immer wieder Leute, die glaubten, dass CSS das wichtigste Element einer Website sei und natürlich eine Art Lebenseinstellung darstelle. Tatsächlich ist es für einen Menschen schwierig, in der heutigen Gesellschaft gut zu überleben, wenn er die Dinge nicht auf eine gute Art und Weise und in einer guten Einstellung angeht; wenn diese Art und Einstellung jedoch zu extrem sind, wird er zu einem Menschen, der gut darin ist, zu täuschen und Dinge skrupellos zu tun. Zitatbeispiel <h1>Site-Name</h1>* <h2>Site-Untertitel</h2>* <map><div><a href="#">Verbindung 1</a> <a href="#">Verbindung 2</a></div></map> Hinweis: Das * wird verwendet, um hervorzuheben, dass die Site die primäre für die Werbung ist. Zitatbeispiel <h1>Site-Name</h1>* <h2>Site-Untertitel</h2>* <h3>Sitemap-Navigationsmenü</h3> <ul> <li>1 gewinnt</li> <li>2 gewinnt</li> </ul> Hinweis: Das * wird verwendet, um hervorzuheben, dass die Site die primäre für die Werbung ist. |
>>: MySQL-Trigger-Verwendungsszenarien und Methodenbeispiele
Artikel empfehlen
Beispiele für die Verwendung von React Ref
Inhaltsverzeichnis Was ist ref So verwenden Sie r...
Implementieren Sie den Vollbildmodus und verlassen Sie den Vollbildmodus des Monitors in Vue
Inhaltsverzeichnis Vorwort: Implementierungsschri...
Detaillierte Erläuterung von zwei Möglichkeiten zum dynamischen Ändern von CSS-Stilen in React
Die erste Methode: Fügen Sie dynamisch eine Klass...
JavaScript-Array-Deduplizierungslösung
Inhaltsverzeichnis Methode 1: Set: Es handelt sic...
Die MySQL-Datenbankmigration exportiert und importiert schnell große Datenmengen
Die Datenbankmigration ist ein Problem, auf das w...
Node.js verwendet die Express-Fileupload-Middleware zum Hochladen von Dateien
Inhaltsverzeichnis Initialisieren des Projekts Sc...
Detaillierte Erklärung des Problems bei der Kombination von CSS-Ellipsen und -Auffüllungen
Textkürzung mit CSS Beachten Sie den folgenden Co...
Mehrere Möglichkeiten zum Berechnen des Alters anhand des Geburtstags in MySQL
Ich habe MySQL vorher nicht sehr oft verwendet un...
Tutorial-Diagramm zur Konfiguration der Tomcat-Umgebungsvariablen unter Win10
Vor der Konfiguration müssen wir Folgendes tun: 1...
11 Beispiele für die erweiterte Verwendung von Eingabeelementen in Webformularen
1. Löschen Sie das gepunktete Feld, wenn die Scha...
Führen Sie die Schritte für die Trennung von Nginx-Proxy-Frontend und Backend mit demselben Domänennamen aus.
Die Front-End- und Back-End-Projekte sind getrenn...
Tutorial zur Installation von phpMyAdmin unter Linux centos7
yum install httpd php mariadb-server –y Notieren ...
Absatzlayout und Zeilenumbrüche in HTML-Webseiten
Das Erscheinungsbild einer Webseite hängt maßgebl...
JavaScript implementiert coole Mouse-Tailing-Effekte
Nachdem Sie sich das angesehen haben, garantiere ...
Es ist ganz einfach zu verstehen, was Node.js ist
Inhaltsverzeichnis Offizielle Einführung in Node....