Homepage-Design4you

Lexikonhistory.back Pathfinder   

Buchstabe: T

Tabelle

Info!Quelle:SELFHTMLurl: "http://de.selfhtml.org/html/tabellen/aufbau.htm"

Sie können in HTML Tabellen definieren, um tabellarische Daten darzustellen, oder um Text und Grafik attraktiver am Bildschirm zu verteilen. Obwohl Tabellen natürlich vornehmlich zur Darstellung tabellarischer Daten geschaffen wurden, sind sie in der heutigen Praxis des Web-Designs vor allem als Grundgestaltungsmittel für Seiten-Layouts nicht mehr wegzudenken.

Puristen, die HTML so weit wie möglich von gestalterischen Aufgaben befreit sehen wollen, rümpfen darüber zwar die Nase - aber so klar sind die Grenzen zwischen Struktur und Gestaltung nicht immer. Die saubere Verteilung von Information auf einer Web-Seite ist durchaus ein Aspekt der Strukturierung, obwohl sie zugleich ein Aspekt der Gestaltung ist.

Rein optisch lässt sich also grundsätzlich unterscheiden zwischen Tabellen, die Gitternetzlinien haben (für tabellarische Daten), und Tabellen ohne sichtbare Gitternetzlinien ("blinde Tabellen") für Text und die Verteilung von Inhalten auf einer Web-Seite. Quelle: SELFHTML 

Die Tabelle, <table>..Inhalt..</table> geriet gerade in jüngster Zeit immer mehr in die Kritik, weil eine übertriebene Verschachtelung Darstellungsprobleme bei einigen Browsern (z.B. Handhelds) auslöst. Sie wurde deshalb immer mehr vom Strukturelement Div  <div>..Inhalt..</div> verdrängt. Bei sorgfältigem Umgang, (siehe Beschreibung Sitetechnik) können allerdings die Nachteile völlig vermieden werden, sodass die bekannten Vorzüge der Tabelle, durchaus ihren weiteren Einsatz rechtfertigen.

Edit: [ 18.05.2008 ]

Trennung der Struktur vom Design

Info!Quelle:Validome Weblogurl: "http://www.validome.org/blog/news/Item-147#extended"

Der Vorteil einer deklarativen Sprache wie C S S besteht unter anderem darin, dass man mittels Stylesheets, die Ausgabe (Aussehen) verschiedener Dokumente medienabhängig gestalten kann. Darüber hinaus, lässt sich durch CSS, eine saubere Trennung von Struktur und Formatierung eines Dokumentes erreichen.

Es gibt zwei entscheidende Aspekte im Zusammenhang mit Cascading Style Sheets, die in der Sache derart bedeutsam sind, dass man sie eigentlich nicht oft genug erwähnen kann.

A. Medienabhängige Gestaltung und tabellenloses Design

Eine der besonders nützlichen Eigenschaften von CSS, ist die Tatsache, dass es fantastische Möglichkeiten bietet, Dokumente medienabhängig zu gestalten: Mittels CSS lässt sich beispielsweise ein Dokument in seinem Aussehen derart beeinflussen, dass, je nach Medium (z.B. Ausgabe für Mobiltelefone, Druckversion eines Dokumentes ohne Navigationselemente, etc.) eine individuelle Gestaltung der Ausgabe möglich ist. In Zeiten aufkommender, mobiler Internetnutzung, ein unschätzbarer Vorteil.

Um tabellenloses Design mittels CSS gibt es ebenfalls Berge von Argumenten, besondere Erwähnung sollen hier lediglich diejenigen finden, die unstrittig sind:

Die Verwendung von Tabellen als gestalterisches Element kann bei unbedachtem Einsatz zu Problemen führen, da einige Browser (z.B. von Mobiltelefonen) diese linearisieren, d.h. Zeile für Zeile lesen und somit stark verschachtelte Tabellen zu Darstellungsproblemen führen können. Das Streben nach Barrierefreiheit, könnte insoweit verfehlt werden.

B. Trennung von Struktur und Formatierung

Das Ideal: (X)HTML sorgt für die Struktur, CSS für die Formatierung eines Dokumentes. Dies würde für eine einheitliche und zentralisierte Formatierung aller Dokumente innerhalb eines Projektes sorgen, etwaige Änderungen oder Anpassungen des Designs wären wesentlich zeitsparender und übersichtlicher realisierbar - und das, ohne auf eine möglichrweise erforderlichen Individualisierbarkeit bei der Ausgabe zu verzichten. Quelle: Validome Weblog 

Weitere Informationen zur Entstehungsgeschichte, Entwicklung und heutiger Anwendung, dieser heute unverzichtbaren Auszeichnungssprache finden Sie unter Cascading Style Sheets.

Edit: Letze Änderung [ Dienstag , der 05.05.2009 ]