Tabellen veraltet!? Was nun?

[Artwork]

Hallo,

Ich hatte vor 7-8 Jahren das meiste von HTML gelernt. Ein wenig CSS und Javascript.
Habe meine kleinen Websites früher mit HTML gemacht und vor 2 Jahren mit CMS.
Hatte alles mit Tabellen gemacht.

Jetzt lese ich schon desöfteren "Tabellen sind veraltet","nur noch blinde arbeiten mit Tabellen", usw.
Mit was wird denn "heute" eine Website erstellt? Bin da nicht mehr auf dem laufenden .

Außerdem, hatte ich am Wochenende das Tutorial entdeckt, womit man mit Photoshop das Design erstellt, das Design dann sliced und dann als HTML ausgegeben wird.
Durch meine PS vorkenntnise, hatte ich das auch gleich verstanden und gefallen daran gefunden!
Die Seite wird ja dann aber in Tabellen ausgegeben.
Wie wird das "heute" gemacht, wenn man mit PS das Design erstellt ?

Vielen Dank

 

[wex_stallion]

AW: Tabellen veraltet!? Was nun?

An sich mit HTML und CSS.

 

[kleinerOnkel]

AW: Tabellen veraltet!? Was nun?

mit div containern ist wohl die Antwort auf deine Frage.

 

[stiller47]

AW: Tabellen veraltet!? Was nun?

Statt Tabellen baust du dein Layout mit DIVs auf und richtest die mit CSS aus

 

[sloshed]

AW: Tabellen veraltet!? Was nun?

Hallo,

Tabellen haben diverse Nachteile. Aus diesem Grund wird heute mit CSS positioniert, formatiert etc...
Hier findest du ein gutes Nachschlagewerk.
CSS 4 You - The Finest in Stylesheets

 

[wex_stallion]

AW: Tabellen veraltet!? Was nun?

Tabellen haben allerdings nicht nur Nachteile.

 

[graywolf]

AW: Tabellen veraltet!? Was nun?

Tabellen haben allerdings nicht nur Nachteile.

Natürlich nicht, wo sie hingehören sind sie OK. Divs sind heute für die Struktur der Website das Mittel der Wahl.

 

[wex_stallion]

AW: Tabellen veraltet!? Was nun?

Wobei ich immer noch nicht den Sinn dahinter verstanden habe, das was "früher" eine tr oder td war heute mit DIV-Containern und reichlich Wrappern drumrum zusammenzuschustern damit es genau so aussieht wie eine Tabelle mit drei Zeilen und drei Spalten und trotzdem nicht so funktioniert.

 

[Norbert Schumann]

AW: Tabellen veraltet!? Was nun?

genau- tabellen halte ich auch für völlig o.k.. die div geschichte ist eher ein trend und alle plappern nach, was einst heinz paul mal behauptet hat. schließlich braucht das neuere div format ja auch seine daseinsberechtigung- nötig ist es allerdings nicht.

vorteil des ganze ist, das du ebenen einarbeiten kannst- die positionierung hingegen ist deutlich schwieriger. ich verwende selbst ioft tabellen- das ist einfach- logisch und wird von 99 prozent aller browser auch richtig abgebildet.

 

[MamiyaRB67]

AW: Tabellen veraltet!? Was nun?

Es hängt sicher auch vom Inhalt bzw. Layout der Seite ab, aber meiner Meinung nach sind Tabellen nach wie vor okay.

 

[sloshed]

AW: Tabellen veraltet!? Was nun?

Wenn man sich bis vor kurzem den Quellcode statischer Websites ansah, traf man meist auf Frames und/oder Tabellen. Mittlerweile werden aber immer mehr Websites mittels CSS und (X)HTML gestaltet. Und dies auch aus gutem Grund!

Bisher wurde z.B. häufig mit Tabellen gearbeitet, um Elemente einer Site (zumindest theoretisch)
pixelgenau positionieren zu können. Die meisten Browser haben mit der Darstellung keine Probleme,
allerdings ist die Erstellung häufig mit erheblichen Aufwand verbunden, da unter Umständen sehr
große, verschachtelte und komplizierte Tabellenkonstruktionen erstellt wurden.
Was für Handcoder nicht angenehm ist.
Einige entscheidende Nachteile:

- Großer Quellcade, lange Ladezeiten weil einige Tabelleninhalte am Bildschirm
erst dargestellt werden wenn alle Elemente geladen sind.

- Fehlersuche sehr aufwendig im Quellcode.

- Pflege und Erweiterung ist schwierig und evtl nicht möglich.

- Laut W3C sollen Tabellen nur noch für ihren eigentlichen Zweck
verwendet werden.

- ein Tabellenlayout ist auch nicht Barrierefrei.

Zudem sind Tabellen ab (X)HTML 1.0 nicht mehr standartkonform.

Aber jedem das seine. Will ja keinem was aufzwingen.

 

[wex_stallion]

AW: Tabellen veraltet!? Was nun?

Viele ursprünglichen Argumente ziehen aber, bei pragmatischer Herangehensweise nicht. Die Mär von der Trennung von Layout und Formatierung zieht bei Verwendung eines CMS nicht mehr, da baut man ein Template und gut ist.

Ladezeiten sind in Zeiten von reichlich dicken Leitungen auch relativ, erst recht wenn man eine CSS schraubt "Linke Ecke oben, linke Ecke unten, Trennungslinie rechts, div anmeldung, div pups, div furz".

Der Kram ist alles, aber nicht logisch …

 

[leohh]

AW: Tabellen veraltet!? Was nun?

Zwei Artikel, die ich mir dazu bebookmarkt habe und die doch sehr interessant sein duerften:
The shallowness of CSS evangelism


In Sachen Barierefreiheit und Seo bin ich der Meinung, dass man mit modernen Methoden weitaus besser faehrt.
Aber ich glaub hier macht eine sinnvolle Argumentationsweise wohl eher wenig Sinn.

 

[wex_stallion]

AW: Tabellen veraltet!? Was nun?

Du wirst lachen, ich steh total auf sinnvoll.

Mir konnte bisher nur noch niemand erklären, warum "Tabelle links, mitte, rechts" schlechter ist als "Div links, Div Mitte, Div rechts"

 

[Backdraft007]

AW: Tabellen veraltet!? Was nun?

Du wirst lachen, ich steh total auf sinnvoll.

Mir konnte bisher nur noch niemand erklären, warum "Tabelle links, mitte, rechts" schlechter ist als "Div links, Div Mitte, Div rechts"

Das ist ganz einfach. Lass Dir mal ne Seite mit nem Screenreader vorlesen. Dann weißt Du, warum Seiten, die mit Tabellen layoutet wurden, grausig sind.
Das einfach nur mal als kleiner Aufhänger barrieriefrei.
Bei Div/CSS kann ich nunmal bestimmen, wo ein Screenreader anzufangen hat.
Bei Tabellen ist das ganze starr vorgegeben.

Und was ein Screenreader gut lesen kann, so kann es auch ein Spider/Crawler, wie auch immer man die Heinzelmännchen der Suchmaschinen nennen möchte, besonders gut.

 

[netbandit]

AW: Tabellen veraltet!? Was nun?

Als ob ein Screenreader heute mehr Probleme hätte eine 3-Spaltige Tabelle zu lesen als 3 Divs neben einander; Ich halte das für ein Gerücht

Mach z.B. ein strip_tags auf beide Modelle mit identischem Text und bei beiden kommt sicherlich das selbe raus. Kann mir nicht vorstellen, dass sich ein Screenreader oder Bot heute noch dämlicher anstellt als PHP

 

[rickey]

AW: Tabellen veraltet!? Was nun?

Mit etwas Übung, wenn es um das verschachteln von DIVs geht, dann kommt man wie ich finde schneller ans Ziel als mit einem Tabellen Layout, außerdem wird noch ein wenig Quellcode eingesparrt.

Ich persönlich entwerfe die Webseiten immer so, dass diese W3C Konform sind. Wenn ich mir viele andere Webseiten ansehe, teilweise auch von so genannten Webdesignfirmen, wird nicht sonderlich Wert darauf gelegt.

 

[dove]

AW: Tabellen veraltet!? Was nun?

Du wirst lachen, ich steh total auf sinnvoll.

Mir konnte bisher nur noch niemand erklären, warum "Tabelle links, mitte, rechts" schlechter ist als "Div links, Div Mitte, Div rechts"

Angenommen, du baust deine Seite Links Mitte Rechts auf.

In der Mitte ist der Inhalt, Links Werbung oder was auch immer und rechts die Navigation.

Baust du es mit der Tabelle auf, so hast du als erstes was der Screenreader bzw Crawler liest die Werbung, dann kommt der Inhalt und dann die Navigation.


Nimmst du die DIV's in Verbindung mit CSS kannst du es so aufbauen, dass erst die Navigation im Quellcode kommt, dann der Inhalt und zum Schluss die Werbung. In der Oberfläche sieht es aber genauso aus, wie mit der Tabelle.

Bringt deine Seite bei der SEO sehr schnell und einfach weiter nach vorne als mit einer Tabelle.

 

[Zombie]

AW: Tabellen veraltet!? Was nun?

Moiin.
Hab mir mal eben das Thema durchgelesen.
Ich finde, dass Tabellen für ein sehr einfaches Design recht vorteilhaft sind. Ich habe bis vor wenigen Monaten auch noch mit Tabellen gearbeitet. Ich habe nämlich, bis heute, immer noch keine Ahnung wie ich mit DIVs richtig arbeite. Ich habe letztens mal ein wenig Gegooglt, aber nichts gefunden.
Ich bin also ein fan von alter Schule
lg

 

[netbandit]

AW: Tabellen veraltet!? Was nun?

Angenommen, du baust deine Seite Links Mitte Rechts auf.

In der Mitte ist der Inhalt, Links Werbung oder was auch immer und rechts die Navigation.

Baust du es mit der Tabelle auf, so hast du als erstes was der Screenreader bzw Crawler liest die Werbung, dann kommt der Inhalt und dann die Navigation.


Nimmst du die DIV's in Verbindung mit CSS kannst du es so aufbauen, dass erst die Navigation im Quellcode kommt, dann der Inhalt und zum Schluss die Werbung. In der Oberfläche sieht es aber genauso aus, wie mit der Tabelle.

Bringt deine Seite bei der SEO sehr schnell und einfach weiter nach vorne als mit einer Tabelle.

Macht nur k(aum)einer; Die meisten Trittbrettfahrer bauen weiterhin mit divs Tabellen nach und halten sich für die Größten :lol: