Wie die HTML5-Table-basierte Layout-Falle zu vermeiden
Die Tische sind ziemlich groß. Sie sind eine hervorragende Möglichkeit, bestimmte Arten von Daten unter Verwendung von HTML5 zu präsentieren. Wenn Sie die Konzepte und hinzufügen, können Sie Tabellen verwenden, um einige ziemlich interessante Layouts zu erstellen. In der Tat, weil der alten Schule HTML nicht wirklich jede Art von Layout-Technologie hatte, kam eine Menge Entwickler mit ein paar ziemlich erstaunliche Layouts bis basierend auf Tabellen.
Verwendung von Tabellen für das Layout auch wenn einige Probleme verursacht, wie beispielsweise
Die Tische sind nicht für das Layout gemeint. Die Tische sind für die Datendarstellung konzipiert, nicht das Layout. Um Tabellen für das Layout arbeiten, haben Sie eine Menge von hinterhältigen Hacks zu tun, wie Tabellen in anderen Tabellen oder unsichtbare Bilder für Abstand verschachtelt.
Der Code kompliziert wird schnell. Tabellen beinhalten eine Menge von HTML-Markup. Wenn der Code-Tabellen ineinander verschachtelt beinhaltet, ist es sehr schwierig, sich daran zu erinnern, welches Element zu bezieht sich die Reihe, welche Tabelle. Tabellenbasierte Layouts sind sehr schwierig, mit der Hand zu ändern.
Die Formatierung wird Zelle für Zelle durchgeführt. Eine Webseite könnte von Hunderten von Tabellenzellen zusammengesetzt. oft eine Änderung der Schriftart oder Farbe zu machen beinhaltet Veränderungen in Hunderten von Zellen im ganzen Seite zu machen. Das macht Ihre Seite weniger flexibel und schwieriger zu aktualisieren.
Präsentation ist fest gebunden an Daten. Eine tabellenbasierte Layout verwebt fest, die Daten und deren Präsentation. Dies steht im Widerspruch zu einem primären Ziel der Web-Design - Trennung von Daten aus seiner Präsentation.
Tabellenbasierte Layouts sind schwer zu ändern. Nachdem Sie ein Layout auf Tabellen basieren erstellen, ist es sehr schwierig, Änderungen vorzunehmen, da alle Tabellenzellen eine potentielle Wirkung auf andere Zellen haben.
Tabellenbasierte Layouts zu Problemen führen, für Bildschirm-Lesegeräte. Menschen mit Sehbehinderungen verwenden spezielle Software Web-Seiten zu lesen. Diese Bildschirm-Lesegeräte sind gut geeignet, Tabellen zu lesen, da sie bestimmt waren (auf tabellarische Daten verwalten), aber die Bildschirm-Leser haben keine Möglichkeit zu wissen, wenn die Tabelle als Layout-Technik verwendet wird und nicht als Datenpräsentationstool. Dies macht tabellenbasierten Layouts weniger konform Zugänglichkeitsstandards.
Tabellenbasierte Layouts passen sich nicht gut. Moderne Nutzer erwarten Seiten auf Handys und Tablet-PCs sowie Desktop-Rechnern laufen. Table-basierte Designs skalieren nicht ohne weiteres auf diesen kleineren Formfaktoren.
Widerstehen Sie der Versuchung zu verwenden Tabellen für das Layout. Verwenden Sie Tabellen zu tun, was sie für entworfen wurde: Datenpräsentation. Die CSS-basierte Ansätze, die Sie jede Art von visuellen Layout zu erzeugen, verwenden können, möchten Sie vielleicht einfacher, zuverlässiger und wesentlich flexibler.