1. Zuhause
  2. Frage und Antwort
  3. Tabelle vs CSS-basierte Layouts für Webseiten

Tabelle vs CSS-basierte Layouts für Webseiten

2009-10-05 10 views
5

Ich benutze HTML-Vorlagen für meine Website von Websites, die Vorlagen verkaufen, da ich kein Designer bin und etwas bereit sein möchte, verwende ich Rails für meine Entwicklung. Ich habe festgestellt, dass einige Websites ihre Vorlagen als "Tablelous" entwerfen, indem sie CSS und die absolute Positionierung von Komponenten auf der Seite verwenden. Ich bin es gewohnt, auf meinen Seiten Tabellen zu verwenden.Tabelle vs CSS-basierte Layouts für Webseiten

Was meinst du dazu? Gibt es echte Vorteile, wenn Sie keine Tabellen verwenden?

Quelle

2009-10-05 Tam

+1

Ich bin mir ziemlich sicher, dass es so viele andere Fragen wie SO und das Internet gibt. Google it :) –

+0

Siehe http://stackoverflow.com/questions/83073/why-not-use-tables-for-layout-in-html für Tabellen vs CSS. – timday

+0

Checkout: [Herausforderungen, ein CSS-P zu sein] (http://izlooite.blogspot.com/2010/07/css-challenges-of-being-css-p.html) –

Antwort

12

Die kurze Antwort ist, dass Sie Tabellen für tabellarische Daten verwenden sollten (und nicht das Layout finden here warum), ansonsten verwenden Sie das richtige Element für den richtigen Zweck, p für Absätze, div für eine sinnvolle Aufteilung (nicht missbrauchen divs) und so weiter. Jedes Element dient einem Zweck und Sie sollten w3.org verwenden, um nachzusehen.

Demnach gibt es einige Leute, die in CSS immer noch die falsche Einstellung haben, Sie sollten Layouts vermeiden, die absolut auf absolute Positionierung und pixelgenauen Missbrauch angewiesen sind, stattdessen verlassen Sie sich auf flüssige, em-basierte Layouts Diese können an unterschiedliche Bildschirmauflösungen und Umgebungen angepasst werden.

Weitere Vorteile der Verwendung von semantisch korrektem HTML und CSS bestehen darin, dass Sie alle Styles aus dem Stylesheet steuern, sodass weniger Tagsuppresscode (kleinere Dateigröße) entsteht und Sie sich nur um die Aktualisierung des Inhalts kümmern müssen , nicht Layout innerhalb des Markups [Trennung der Präsentation (css) von Verhalten (js) und Inhalt (html)].

Quelle

2009-10-05 04:08:48

+0

Der Link, den Sie gaben, scheint zu übertreiben viel, aber nichtsdestoweniger ist es wahr. +1 –

6

Echte Vorteile von nicht-Tabellen mit

  1. Schneller Laden der Seite
  2. Gesenkte Hosting-Kosten
  3. Redesigns sind effizienter
  4. Redesigns sind weniger teuer
  5. Visuelle Konsistenz beibehalten Website (s)
  6. besser für SEO
  7. Zugänglichkeit
  8. Wettbewerbsvorteile (Arbeitsplatzsicherheit)
  9. Schnell Website weite Updates
  10. Einfacher für Teams (und Einzelpersonen)
  11. Erhöhte Benutzerfreundlichkeit
  12. Komplexere Layouts zu erhalten und Designs
  13. Keine Spacer GIFs

lesen mehr in diesem schönen Artikel

CSS vs Tables - 13 Reasons Why CSS Is Superior to Tables in Website Design

Quelle

2009-10-05 04:11:49 rahul

+2

Komplexere Layouts und Designs sind von Vorteil? – melaos

+0

Das Semantik-Argument ist möglicherweise gültig, aber es ist durchaus möglich, alle diese 13 Anforderungen mit einem einfachen Tabellenentwurf zu erfüllen. – Rimian

2

Tableless Layout v tabellenbasierten Layout kann als einfachste Aspekt des Ganzen „Semantic HTML“ Aussprache statt.

als meder sagte: „verwenden, um das richtige Element für den richtigen Zweck“

Aber es ist eine Debatte, kein Gesetz, und Sie können nicht Web-Entwickler zwingen, zu erfüllen.

Quelle

2009-10-05 04:19:08 pavium

Verwandte Themen

 Verwandte Themen