Verwenden Sie CSS anstelle von Tabellen
Das Web Standards Project hat wichtige Web-Standards in Bezug auf Cascading Style Sheets (CSS), dass klar alle Webdesigner machen etabliert sollte CSS anstelle von Tabellen in der Gestaltung ihrer Webseiten nutzen.
Web Standards: Designer sollten Verwenden Sie CSS anstelle von Tabellen
Seit dem Web Standards Project (WaSP) empfahl die Verwendung von CSS anstelle Tabellen für Layout der Homepage, begann Webdesigner mit Schwerpunkt auf die Verwendung von Stylesheets für ihre Website-Designs.
§ 2.1.3.4 der Standards FAQ-Dokument ist CSS Titel - Cascading Style Sheets, und empfiehlt, dass Stylesheets verwendet werden sollen "konsequent" sein, um die Website das Aussehen zu definieren.
Das Projekt empfiehlt Ausstieg aus älteren Layout-spezifischen Funktionen und ersetzt diese mit Cascading Style Sheets.
Was ist CSS?
Cascading Style Sheets (CSS) ist ein Internet-Protokoll, das die Programmierung Formate das Aussehen verschiedener Elemente innerhalb einer Webseite durch die Zuordnung Stil Werte innerhalb des HTML-oder XML . Zum Beispiel können Sie Stylesheets verwenden, um Dinge wie, wie alle Listenelemente angezeigt zu definieren, die Margen und Polsterung für alle Header oder die Schriftart und Zeilenabstand für Text in verschiedenen Blöcken Inhalt. Die Flexibilität von CSS ist beeindruckend, und die Tatsache, dass es Ihnen ermöglicht zu formatieren Hunderte von HTML-Webseiten mit einem einzigen Veränderung in einem. Css-Datei macht es ein ungeheuer mächtiges Werkzeug, um Websites zu verwalten.
CSS in ihrer einfachsten Form enthält eine. Css-Datei und eine index.html-Datei. Allerdings können die Entwickler fügen mehrere CSS-Dateien und die CSS-Stylesheets sind innerhalb der Web-Seite "Kopf"-Abschnitt mit dem folgenden Code aufgerufen wird..:
<link rel="stylesheet" type="text/css" href="./css/default.css" />
Innerhalb einer CSS-Datei werden die Eigenschaften der verschiedenen Elemente innerhalb der HTML-Seite wie folgt definiert:
# ContentBlock {width: 700px; float: left; padding: 15px 0;}
Schließlich werden im html-Datei, in diesem Stylesheet verwendet wird, sind alles, was innerhalb der "div"-Tags, die dieses Element rufen formatiert wie oben definiert. Das Element wird in der Web-Seite wie folgt aufgerufen.
<div id="contentBlock"> # # Der Inhalt wird hier # # </ div> eingetragen
Die Kraft dieser Technik ist, dass jederzeit eine bestimmte Formatierung erforderlich ist, rufen Sie einfach an das Element mit dem "div id =" Aufruf zum Formatieren von Inhalten.
Warum die Verwendung von CSS ist besser als Tabellen
Ein einfaches Beispiel für den großen Unterschied zwischen CSS und Tabellen ist in dem Fall, dass ein Designer benötigt drei Spalten mit Text ordentlich formatiert und in gleichmäßigem Abstand von der Mitte der Seite. CSS ermöglicht es Ihnen, Content-Blöcke zu erstellen, mit dem "div"-Abschnitte, auf denen drei unabhängige Spalten zu erstellen. Das Stylesheet definiert die Margen, Formatierung und Platzierung dieser Säulen. Auf der anderen Seite würde ein Tisch für den gleichen Zweck verwendet werden, erfordern eine sorgfältige Platzierung der Tabelle, und schwierige Manipulation von Spalten und Zeilen, um genau zu platzieren diese Spalten, wo sie gewünscht sind. Leider ist der Inhalt und das Verhalten jedes Teil der Tabelle wirkt sich auch auf andere Teile der Tabelle. Deshalb ist die Formatierung einer Seite mit Tabellen können sehr viel schwieriger sein, als durch den Einsatz von stylesheets.Additionally, selbst wenn Sie richtig formatieren eine Seite mit einer Tabelle, und dann wiederverwenden, die Tabellen-Design auf 10 oder 20 Seiten, wenn Sie verwalten jemals dazu entschließen, eine Änderung der Form oder Stil der Tabelle zu machen, müssen Sie alle 20 Seiten bearbeiten, um den Stil zu ändern, um sie alle zu replizieren. Im Fall von CSS, machen Sie eine einzige Bearbeitung in der. Css-Datei und die Formatierung zu ändern ist durch alle Ihre Web-Seiten repliziert, ob es 20 von ihnen, oder Hunderte von ihnen.
Sind Tabellen mehr verwendet?
Das Thema, ob Tabellen sind eine Sache der Vergangenheit ist höchst umstritten. Tabellen weiterhin Webdesigner gut zu dienen, wenn es um kleinere Elemente kommt im Inhalt. Zum Beispiel, indem Sie ein Bild und Text in eine schön formatierte Absatz als Teil des Inhalts in einem "div" Abschnitt bleibt ein sehr gemeinsames Vorgehen. Dies liegt daran, eine einfache Tabelle schnell zu formatieren können die Inhalte, während die umgebenden Inhalt oberhalb und unterhalb davon unberührt. Auch wenn CSS hat eine Tabelle die Nützlichkeit für die gesamte Seiten-Design und Format entfernt, der Tisch noch einen Wert hat, wenn es um die Formatierung kleinere Abschnitte von Inhalten auf einer einzelnen Seite, wo die Formatierung ist einzigartig, dass die Inhalte geht, und wird nicht verwendet anderswo auf einer Website.
Lernen, wie man CSS verwenden
Lernen , wie man CSS verwenden anstelle von Tabellen ist sehr einfach.
Es gibt zahlreiche Tutorials im Internet, sowie Bücher und Ressourcen in Ihrer örtlichen Bücherei oder im Buchhandel.
Einige große Online-Tutorials sind die folgenden.
- Quackit verfügt über eine große Bibliothek von CSS Tutorials.
- CSS Tutorial bietet eine sehr einfache 3-teilige Tutorial über CSS.
- Smashing Magazine bietet eine ganze Website gewidmet CSS lernen.
- HTML.net bietet den Besuchern eine umfangreiche kostenlose CSS-Tutorial.
Ob Sie eine neue Web-Designer oder ein Veteran sind, ist CSS nun die neue Web-Standard, und jede ernsthafte Webdesigner muss die Macht der Cascading Style Sheets und wie sie brauchen, um in gleicher Weise geeignet sein, den Prozess der Gestaltung einer Website zu verstehen.
Verwandte Themen
