Analyse und Erklärung der Unterschiede zwischen DIV-, Tabellen- und XHTML-Website-Erstellung
|
Vereinfacht ausgedrückt geht es beim Erstellen einer Website darum, „wie diese Person aussieht“ und „wie diese Person im Inneren ist“. Ein Teil ist der „visuelle Effekt“, der durch das Erscheinungsbild angezeigt wird, und der andere Teil sind die darin verborgenen „Codeelemente“. Nehmen wir ein einfaches Beispiel und verwenden diese drei verschiedenen Code-Stile, um denselben Seiteneffekt zu erzielen: 1. Schreiben Sie es zunächst in Form einer Tabelle. Dazu sind 8 Codezeilen erforderlich: Code kopieren Der Code lautet wie folgt:<Tabelle> <tr> <th>Website-Titel</th> </tr> <tr> <td>Website-Inhalt</td> </tr> </Tabelle> 2. Fahren Sie dann mit der Verwendung von DIV fort. 2 Zeilen reichen aus, da es sich jedoch um zwei DIVs handelt, müssen ihnen zur Unterscheidung unterschiedliche IDs zugewiesen werden: Code kopieren Der Code lautet wie folgt:<div id="title">Website-Titel</div> <div id="content">Website-Inhalt</div> 3. Schreiben Sie in XHTML: Code kopieren Der Code lautet wie folgt:<h1>Website-Titel</h1> <div>Website-Inhalt</div> Für und Wider: Die Verwendung eines einfacheren XHTML-Codestils dient nicht nur der Verbesserung der Seitenöffnungsgeschwindigkeit. Schließlich wird die Netzwerkbandbreite immer größer und der Unterschied zwischen dem Öffnen eines 10K-Webseitencodes und dem Öffnen eines 5K-Webseitencodes ist nicht offensichtlich. Die Nachteile der Verwendung von XHTML zum Erstellen einer Website liegen ebenfalls auf der Hand. Wenn es sich um eine Website derselben Größe handelt, dauert die Verwendung von TABLE nur 1 Stunde, die Verwendung von DIV 2 Stunden und die Verwendung von semantisch konformem XHTML 3 Stunden. Dies ist natürlich nur eine Schätzung. Abhängig von den verschiedenen Seiten und der Kompetenz der Techniker kann es zu gewissen Zeitunterschieden kommen. Warum sollten wir also mehr Zeit auf den Aufbau einer Website verwenden? Genau wie bei der Wahl einer Ehefrau sollten wir uns nicht nur darauf konzentrieren, ob diese Person äußerlich schön ist, sondern, was noch wichtiger ist, wir sollten uns um ihre „innere Konfiguration“ kümmern. Andernfalls werden Sie definitiv nicht gut gelaunt sein, wenn sie nach Ihrer Heirat alle paar Tage ins Krankenhaus geht und grundlos mit Ihnen streitet. Auch beim Erstellen einer Website können Sie sich nicht nur auf den Designstil konzentrieren. Wichtiger ist der Kerncode und seine Qualität. Die von uns erstellte Website ist nicht nur für die Anzeige zu Hause und zu unserem eigenen Vergnügen gedacht, sondern, was noch wichtiger ist, für die Website und die Steigerung des Online-Einflusses auf unser Geschäft. Ermöglichen Sie den Benutzern die Suche nach Schlüsselwörtern, um Ihre Website zu finden und nicht die Website einer anderen Person. Wie also sorgen Sie dafür, dass Suchmaschinen Ihre Website finden? Am einfachsten geht das, indem Sie Code schreiben, den Suchmaschinen verstehen, also Maschinensprache. Die Suchmaschine weiß nicht, wie die Seite aussehen wird, wenn sie angezeigt wird. Schließlich ist sie eine Maschine. Zumindest im Moment ist sie nicht wie ein Mensch, der vor einem Monitor sitzt, das Erscheinungsbild klar sieht und die primären und sekundären Eigenschaften klar kennt. Es kann Ihre Website nur über die Maschinensprache verstehen und indizieren, also den Code, den Sie schreiben. Wenn Sie semantisch konformes XHTML verwenden und ihm mitteilen, welcher der wichtigere Titel (H1/H2/H3/H4/H5/H6), welcher die Liste (UL/OL/DL) und welcher der Absatz (P) ist, wird es denken, dass Sie ein guter Mensch sind und in einer Sprache geschrieben haben, die es versteht, und Ihr Ranking wird sich verbessern. Die gesamte Website ist im Tabellenlayout ohne Unterscheidung zwischen Primär- und Sekundärseiten aufgebaut und wird von Suchmaschinen nur schwer verstanden. Das DIV-Layout ist noch lächerlicher. Die gesamte Website ist voll mit id="title". Einige verwenden sogar Pinyin id="biaoti". Einige verwenden sogar id="tit01". Es gibt alle möglichen seltsamen Codestile. Erwarten die Entwickler, dass die heutigen Computer die menschliche Sprache verstehen können? Verstehen Sie überhaupt Originaltexte auf Chinesisch und Englisch? Die Beziehung zwischen den dreien <br />Eigentlich sollte die Beziehung zwischen den dreien am Anfang erwähnt werden, aber ich befürchte, dass zu viele konzeptionelle Dinge normale Leser abschrecken könnten, daher werde ich am Ende eine kurze Einführung geben. Tatsächlich sind sowohl table als auch div Elemente von xhtml. Table hat eine eigene Funktion. Es wird zum Erstellen von Tabellen verwendet. Wenn auf der Website Tabellenelemente benötigt werden, ist es eine unverzichtbare Komponente. Div ist eines der am häufigsten verwendeten Elemente. Wir sollten ihnen je nach Semantik in der Maschinensprache unterschiedliche Aufgaben zuweisen, anstatt sie einfach zu nehmen, an einer beliebigen Stelle zu platzieren und zu verwenden. Tatsächlich kann jedes Element zum Erstellen einer Website verwendet werden, und Sie können sogar nur p-Tags oder ul-Tags zum Erstellen einer Website verwenden, aber die auf diese Weise erstellten Dinge werden gleich aussehen und Robotern tatsächlich Leseschwierigkeiten bereiten. Eine langsame Analysegeschwindigkeit ist zwar keine große Sache, kann aber problematisch werden, wenn sie von der Suchmaschine als unfreundlicher Faktor angesehen und blockiert wird. Schließlich macht es keinen Spaß, die Website alleine zu nutzen. |
<<: Tiefgreifendes Verständnis der Eigenschaft „Vertical-Align“ und grundlegender Probleme in CSS
>>: HTML+CSS+jQuery imitiert den Such-Hotlist-Tab-Effekt mit Screenshots
Artikel empfehlen
JavaScript zum Erzielen eines Vollbild-Seiten-Scrolleffekts
Nachdem ich mit der Lektüre von JavaScript DOM fe...
Die aktuellen Einschränkungen von Nginx in einem Artikel verstehen (einfache Implementierung)
Nginx ist mittlerweile einer der beliebtesten Loa...
js behandelt die Kontoabmeldung beim Schließen des Browsers
Inhaltsverzeichnis Klassischer Ansatz Frage Weite...
MySQL 5.6 Installationsschritte mit Bildern und Text
MySQL ist ein Open-Source-Verwaltungssystem für k...
Lösung für den MySQL-Fehler „Jede abgeleitete Tabelle muss einen eigenen Alias haben“
MySQL meldet einen Fehler beim Ausführen einer Ab...
Teilen einiger wunderbarer Verwendungsmöglichkeiten von wxs-Dateien im WeChat-Applet
Inhaltsverzeichnis Vorwort Anwendung Filter Ziehe...
Detaillierte Erläuterung der MySQL-Datenzeilen und des Zeilenüberlaufmechanismus
1. Welche Zeilenformate gibt es? Sie können Ihre ...
CSS-Implementierungscode für die Textausrichtung
Beim Erstellen von Formularen kommt es häufig vor...
Detaillierte Erklärung zur Verwendung von Filtereigenschaften in CSS3
Als ich kürzlich das Intranet-Portal änderte, sti...
MySQL extrahiert interne JSON-Felder und gibt sie als Zahlen aus.
Inhaltsverzeichnis Hintergrund Problemanalyse 1. ...
Lösung für das Problem, dass MySQL zwar bei der Installation in WAMP gestartet werden kann, nach dem Neustart jedoch nicht mehr
Nach der ersten Installation von Wamp können alle...
So filtern Sie während einer vollständigen MySQL-Sicherung bestimmte Bibliotheken heraus
Verwenden Sie den Parameter --all-database , wenn...
6 ungewöhnliche HTML-Tags
Zuerst: <abbr> oder <acronym> Diese be...
Das Textarea-Tag kann nicht in der Größe geändert und nicht mit der Maus gezogen werden
Die Größe des Textbereich-Tags ist unveränderlich ...
Einige Erfahrungen in der Selbstkultivierung von Künstlern
Da der Einfluss des Unternehmens wächst und seine...