Heim >Web-Frontend >CSS-Tutorial >Vergleich der Vor- und Nachteile des Übergangs vom Tabellen- zum CSS_Experience-Austausch

Vergleich der Vor- und Nachteile des Übergangs vom Tabellen- zum CSS_Experience-Austausch

WBOY
WBOYOriginal
2016-05-16 12:08:591730Durchsuche

Die Stimmen der CSS-Layout-Befürworter werden von den „Vorzügen des Tabellenlayouts“ in den Schatten gestellt. Es ist ein Mythos, dass CSS schwer zu erlernen ist. Tatsächlich ist CSS nicht schwieriger als andere Webtechnologien. Hier liegt das Problem: Webdesigner, die bereits viel Erfahrung mit der Tabellengestaltung haben, müssen ihre Denkweise völlig aufgeben und einen CSS-Ansatz übernehmen.

Ich entwerfe seit vielen Jahren mit Tabellenlayouts, und als ich anfing, CSS-Layouts zu verwenden, stieß ich auch auf Probleme. „Wie einfach es ist, Formulare zu verwenden“, dachte ich. Das liegt aber nur daran, dass ich Tabellen gewohnt bin und geschickt mit ihnen umzugehen weiß. Jede Änderung, selbst eine kleine, wäre für mich problematisch, geschweige denn eine so drastische Änderung.

Wenn ich mich an das erste Mal erinnere, als ich den Umgang mit dem Tabellenlayout lernte, hatte ich auch viele Probleme, die mich quälten. Denken Sie an die Rowspans, Colspans und leeren GIF-Bilder. Fairerweise muss man sagen, dass das Tabellenlayout von diesen beiden Layoutmethoden schwieriger ist.

Ein anderer alter Standpunkt ist: Die von CSS entworfene Seite (Anzahl der Bytes) ist sehr groß, größer als die von der Tabelle entworfene Seite. Der Grund dafür ist: Da Sie alle Stile der gesamten Site in einer Datei zusammenfassen, muss beim Besuch einer Seite das Stylesheet mit den Stilen der gesamten Site heruntergeladen werden, sodass die Seite sehr groß ist.

Warum packen Sie also alle Stile in einer CSS-Datei zusammen? Niemand beschränkt Sie auf die Verwendung nur einer CSS-Datei. Sie können separate Sub-Stylesheet-Dateien für die detaillierten Stile bestimmter Kapitel einrichten. Meiner Erfahrung nach habe ich von einfachen manuellen Websites bis hin zu großen datenbankgesteuerten, multifunktionalen System-Websites nie nur eine einzige Stylesheet-Datei verwendet, und keine Homepage verfügt über mehr Code als ein Tabellendesign. Diese Tabellen-, Tr- und TD-Tags beanspruchen viel Platz und nutzen Sie CSS-Layoutmethoden, um Ihre Dateigröße zu reduzieren.

Wenn Sie das Tabellenlayout verwenden, verlieren Sie die semantische Bedeutung der Beschriftung selbst. Der Webstandard-Ansatz für das Layout bringt enorme Vorteile durch die Trennung der Inhalts- und Präsentationsebenen. Wenn Sie Ihr Design mit einer Tabelle verknüpfen, müssen Sie, sobald Sie es ändern müssen, die Seite finden, dann die Tabellenstruktur analysieren und sie Seite für Seite ändern, während die CSS-Datei einfach das Design der gesamten Website ändern kann. Mit CSS müssen Sie sich überhaupt keine Gedanken über die Geräteunabhängigkeit machen und müssen sich keine Sorgen darüber machen, dass Benutzer ihre eigenen Stile wählen.

Ich habe auch von den „Vorteilen“ eines Formulars gehört: dem Entwerfen von Formularen. Aber Formulare können jede Methode verwenden, um eine Tabellenanordnung zu erreichen. Ist es für Netscape 4? Ich habe noch nie von einem Grund gehört, einen so alten Browser zu unterstützen. Die Interessen der Benutzer der meisten Mainstream-Browser sind weitaus größer als die Interessen der wenigen Benutzer, die Browser verwenden, die keine Stylesheets unterstützen (ganz zu schweigen davon, dass CSS auch einfachen Text unterstützt).

Das Argument dieser „Super-Formulare“-Befürworter läuft darauf hinaus: „Formulare sind einfacher.“ Wenn Sie sich mit einem ineffizienten Ansatz zufrieden geben, liegt das an Ihnen. Wenn Sie die Beschränkungen durchbrechen und den Seiteninhalt vielseitiger, benutzerfreundlicher und mit weniger Code gestalten möchten, dann arbeiten Sie hart an Änderungen. Wenn Sie neu im Webdesign sind und bei Null anfangen, werden Sie diese Probleme natürlich nicht haben.

„Schiebt das Auto einfach, wenn es nicht umfällt“, „Das ist nur ein Werkzeug im Werkzeugkasten des Designers.“ Dies ist die Ansicht einiger Diskussionsteilnehmer. Das Tischlayout ähnelt einem altmodischen Schraubenzieher mit Holzgriff, mit dem Sie immer noch in eine Wand bohren können. Und ich würde lieber einen Elektroschrauber verwenden. Das CSS-Layout ist effizienter und verursacht keine Blasen an meinen Händen.

Stellungnahme:
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