Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Zusammenfassung der Vorteile der Verwendung von CSS+DIV für den Austausch von Layout_Experience

WBOY
Freigeben: 2016-05-16 12:07:31
Original
1384 Leute haben es durchsucht

Der Einsatz von CSS+DIV zur Rekonstruktion von Websites wird von allen zunehmend geschätzt, insbesondere von großen Portalen wie Alibaba und 163, die die Rekonstruktionsarbeiten bereits abgeschlossen haben. Ich hatte bereits letztes Jahr die Angewohnheit, CSS+DIV zum Schreiben von Webseiten-Quellcode zu verwenden. Ich persönlich bin der Meinung, dass diese Methode tatsächlich viel besser ist als die traditionelle TABLE-Form der Quellcode-Architektur.

1: Leistung und Inhalt trennen

Entfernen Sie den Designteil, fügen Sie ihn in eine unabhängige Stildatei ein und speichern Sie nur Textinformationen in der HTML-Datei.

2: Verbessern Sie die Effizienz der Suchmaschinenindizierung von Webseiten

Ersetzen Sie verschachtelte Tags durch HTML, das nur strukturierte Inhalte enthält. Suchmaschinen können effektiver nach dem Inhalt Ihrer Webseite suchen und Ihnen möglicherweise eine höhere Bewertung.

3: Verbessern Sie die Geschwindigkeit beim Durchsuchen von Seiten

Für den gleichen visuellen Seiteneffekt ist die mit CSS+DIV rekonstruierte Seitendateikapazität viel kleiner als die mit TABLE codierte Seitendateikapazität. Im Allgemeinen gilt nur Ersteres hat folgenden Inhalt: oder 1/2 der Größe.

Da

标签是要等
außerdem erst nach dem Herunterladen angezeigt werden kann, wird die gesamte Webseite auf einmal angezeigt, wodurch sich die Anzeigegeschwindigkeit sehr langsam anfühlt. Mit CSS + Div kann das
-Tag den darin enthaltenen Inhalt anzeigen, ohne auf den Download von
warten zu müssen, sodass die Geschwindigkeit beim Öffnen der Webseite sehr hoch zu sein scheint.

4: Einfach zu warten und zu überarbeiten

Sie können die gesamte Website-Seite neu gestalten, indem Sie einfach ein paar CSS-Dateien ändern.

Aus der obigen Beschreibung geht hervor, dass die Verwendung von CSS+DIV zur Rekonstruktion der Website die Freundlichkeit von Website-Benutzern und Suchmaschinen erheblich verbessern kann.

CSS+DIV ist zum Mainstream des aktuellen Web-Layouts geworden. Meiner Meinung nach liegt der Hauptgrund nicht nur darin, dass es den W3C-Standards entspricht, sondern auch darin, dass sich das Web-Engineering durch die Verwendung von CSS+DIV verändert hat von:

Trennung von Leistung und Inhalt

Heutzutage ist div+css sehr beliebt und große Websites wurden nach der Verwendung von Ebenen und CSS in den div+css-Modus umstrukturiert , es bietet Benutzern die intuitivste Möglichkeit. Ich habe die Erfahrung gemacht, dass Webseiten viel schneller geöffnet werden. Wenn es den Benutzern ein gutes Erlebnis bieten kann, warum nicht?

Heute analysiere ich hauptsächlich die Notwendigkeit der Verwendung von DIV+CSS für die Website-Erstellung oder -Rekonstruktion aus SEO-Sicht:

1. Mit div+css strukturierte Websites können sich leicht den W3C-Standards annähern. Ob eine Website den W3C-Standards entspricht, ist ein Einflussfaktor für das Ranking von Webseiten durch Suchmaschinen, insbesondere YAHOO, das dies ernst nimmt.

2. Mit Ausnahme einiger Tags wie div, ul, li, dl, dd, dt ist der Inhalt der Website vollständig Den Suchmaschinen-Spidern ausgesetzt, ist es einfacher, wichtige Inhalte zu crawlen und den Anteil der Seiten mit wichtigen Inhalten zu erhöhen, wodurch der Anteil der Ranking-Faktoren erhöht wird.

3. Wichtige Inhalte können von Spinnen zunächst leicht gelesen werden. Im Allgemeinen hat die Site drei Spalten links, in der Mitte und rechts. Der Hauptinhalt der Seite befindet sich in der mittleren Spalte, und der Spider liest den Seiteninhalt von oben nach unten, wenn der Inhalt Ihrer linken Spalte Gibt es mehr, wird es problematisch und das Gewicht des Hauptinhalts Ihrer Seite nimmt ab. Mit div+css können Sie zuerst den Hauptinhalt in den Vordergrund schreiben, dann den Inhalt in die linke und rechte Spalte schreiben und ihn dann über CSS positionieren

4. Es ist bequem, die Website-Struktur anzupassen und Layout. Wenn Sie bei häufig verwendeten Tabellenlayouts das Layout ändern möchten, kann dies Auswirkungen auf den gesamten Körper haben. Wenn die Struktur der Website-Ebene angemessen gestaltet ist, können Sie die Leistung der Website einfach ändern. Inhalt und Verhalten. Wenn die Website-Struktur regelmäßig geändert wird, ist sie für Suchmaschinen-Spider natürlich sehr attraktiv.
Eine Website, die Ebenen und CSS verwendet, um den Grundstein zu legen, wird bei zukünftigen Optimierungsarbeiten natürlich viel Aufwand ersparen.​
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!