Eine kurze Diskussion über die Vor- und Nachteile von DIV+CSS

In diesem Artikel geht es hauptsächlich um die Vor- und Nachteile von DIV+CSS. Er hat einen guten Referenzwert und ich hoffe, dass er für alle hilfreich sein wird. Folgen wir dem Herausgeber, um einen Blick darauf zu werfen. Ich hoffe, es kann allen helfen.

DIV selbst ist ein Container, der nicht nur Tabellen, sondern auch Text und andere HTML-Codes einbetten kann; CSS ist die Abkürzung für CascADIng Style Sheets, was auf Chinesisch als „Cascading Style Sheets“ übersetzt wird Bei der Erstellung der Homepage wird CSS-Technologie verwendet, mit der eine genauere Kontrolle über Layout, Schriftarten, Farben, Hintergründe und andere Effekte der Seite erreicht werden kann. Durch einfache Änderungen am entsprechenden Code können Sie das Erscheinungsbild und die Formatierung verschiedener Teile derselben Seite oder aller Seiten ändern.

Der DIV+CSS-Standard bietet die folgenden Vorteile:

1. Da er das CSS-Layout verwendet, ist er nicht mit verschiedenen Attributen wie Tabellen gefüllt Layout und Zahlen sowie viele CSS-Dateien werden normalerweise gemeinsam genutzt, wodurch der Seitencode erheblich reduziert und die Geschwindigkeit beim Durchsuchen von Seiten verbessert wird.

2. Die Struktur ist klarer und suchmaschinenfreundlicher. Es ist einfacher, von Suchmaschinen aufgenommen zu werden, verfügt über die angeborenen Voraussetzungen für Suchmaschinen-SEO und mit hervorragenden Inhalten und etwas SEO-Verarbeitung können Sie bessere Website-Rankings erzielen.

3. Es ist besser kompatibel, entspricht dem Entwicklungstrend von Webstandards und -spezifikationen und kann in fast allen Browsern verwendet werden. Es gibt keine großen Unterschiede in den Effekten in verschiedenen Browsern.

4. Verkürzen Sie die Überarbeitungszeit, da das Layout der Website durch externe CSS-Dateien gesteuert wird. Sie können die Stile und Formate vieler Webseiten gleichzeitig aktualisieren Es ist nicht erforderlich, jede Seite einzeln zu aktualisieren. Die Seite wurde aktualisiert. Sie können eine CSS-Datei verwenden, um den Stil aller Webseiten auf der Site zu steuern. Solange die entsprechenden Zeilen in der CSS-Datei geändert werden, ändern sich alle Seiten der gesamten Site entsprechend.

5. Die Fähigkeit von CSS, Schriftarten zu steuern, ist viel besser als beim schlechten FONT-Tag. CSS muss nicht mehr FONT-Tags oder transparente 1-Pixel-Bilder verwenden, um Titel zu steuern und Schriftfarben zu ändern , Schriftarten usw.

6. Verbessern Sie die Benutzerfreundlichkeit. Beispiel: P-Tag wird nur zur Steuerung von Absätzen verwendet, h1-h6-Tags werden nur zur Steuerung von Überschriften verwendet formatierte Daten usw. Sie können weitere Benutzer hinzufügen, ohne separate Versionen zu erstellen.

7. Bessere Skalierbarkeit. Ihre Designs werden nicht nur in Webbrowsern verwendet, sondern können auch auf anderen Geräten wie PowerPoint usw. veröffentlicht werden.

8. Flexiblere Steuerung des Seitenlayouts Normalerweise werden Seiten in der Reihenfolge des Codes heruntergeladen, während die Anordnung des Tabellenlayoutcodes von oben nach unten und von links nach rechts bedeutet und nicht möglich ist geändert. Durch die CSS-Steuerung können Sie die Reihenfolge der Codes beliebig ändern, beispielsweise den wichtigen Inhalt rechts zuerst laden.

9. Trennen Sie Leistung und Inhalt sauber und ordentlich, indem Sie den Designteil entfernen und ihn in eine unabhängige Stildatei einfügen, während die Webseite hauptsächlich zum Platzieren Ihres Inhalts verwendet wird Webseiten in der Zukunft.

10. Für Suchmaschinen ist es bequemer, eine höhere Bewertung einzubeziehen. Ersetzen Sie verschachtelte Tags durch HTML, das nur strukturierte Inhalte enthält. Dadurch werden Ihre Inhalte effizienter gefunden und Sie erhalten möglicherweise ein höheres Ranking.

11. Das Tabellenlayout ist nicht sehr flexibel, Sie können nur dem Tabellen-TR-TD-Format folgen. Und p Sie können p ul li oder ol li oder ul li...

12 Im Tabellenlayout wird es viel Junk-Code geben, einige geänderte Stile und Layout-Codes sind vermischt, sehr unintuitiv. DIV kann die Trennung von Stil und Struktur besser widerspiegeln und die Struktur ist in hohem Maße rekonfigurierbar.

13. Einige Funktionen, die bisher durch Bildkonvertierung implementiert werden mussten, können jetzt einfach per CSS implementiert werden, wodurch der Download der Seite beschleunigt wird.

DIV+CSS hat so viele Vorteile, aber auch einige Nachteile:

1. Die Designelemente der CSS-Website-Erstellung werden normalerweise in einer oder mehreren externen Dateien abgelegt, die recht komplex oder sogar groß sein können wurde schrecklich.

2. Obwohl DIV+CSS nicht unerreichbar ist, ist es zumindest komplizierter als die Tabellenpositionierung. Selbst für Website-Design-Experten kann es leicht zu Problemen kommen, ganz zu schweigen von Anfängern.

3. Obwohl DIV+CSS die meisten Browserkompatibilitätsprobleme löst, gibt es bei der Verwendung in einigen Browsern auch Ausnahmen. Beispielsweise zeigt Firefox eine normale Seite im IE an, diese funktioniert jedoch möglicherweise nicht in Firefox. Dies sollte natürlich ein Browserproblem sein, aber man kann sagen, dass DIV+CSS derzeit noch keine einheitliche Kompatibilität mit allen Browsern erreicht hat.

4. Ob DIV+CSS für Suchmaschinen optimiert ist, hängt vom professionellen Niveau des Webdesigns ab, nicht von DIV+CSS selbst. DIV+CSS-Webdesign garantiert nicht, dass die Webseite für Suchmaschinen optimiert ist. Es garantiert nicht einmal, dass die Webseite ein einfacheres Codedesign als die HTML-Website hat. Darüber hinaus ist die Einbindung und Sortierung von Webseiten nach Suche möglich Suchmaschinen werden offensichtlich nicht daran gemessen, ob Tabellen und CSS-Positionierung verwendet werden. Aus diesem Grund haben viele Websites, die mit herkömmlichen Tabellenlayouts erstellt wurden, einen hohen Rang in den Suchergebnissen, während viele Webseiten, die mit CSS und Webstandards erstellt wurden, immer noch einen niedrigen Rang einnehmen. Denn für Suchmaschinen sind Faktoren wie Website-Struktur, Inhalt und zugehörige Website-Links immer die wichtigsten Indikatoren für die Website-Optimierung.

Das obige ist der detaillierte Inhalt vonEine kurze Diskussion über die Vor- und Nachteile von DIV+CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!