Comment éviter le piège de la mise en page à base de table de html5
Les tables sont assez grande. Ils sont un excellent moyen de présenter certains types de données en utilisant HTML5. Lorsque vous ajoutez les concepts et, vous pouvez utiliser des tableaux pour créer des mises en page très intéressantes. En fait, en raison de la vieille école HTML n'a pas vraiment toute sorte de technologie de mise en page, un grand nombre de développeurs est venu avec quelques dispositions assez étonnantes basées sur les tables.
Utilisation de tableaux pour la présentation provoque quelques problèmes mais, comme
Les tables sont pas destinés à la mise en page. Les tableaux sont conçus pour la présentation des données, et non pas la mise en page. Pour faire des tables de travail pour la mise en page, vous devez faire beaucoup de hacks sournois, comme les tables imbriquées dans d'autres tableaux ou des images invisibles pour l'espacement.
Le code se complique vite. Tables impliquent beaucoup de balisage HTML. Si le code implique tables imbriquées les unes dans les autres, il est très difficile de se rappeler quel élément est lié à ce qui rangée de quelle table. Mises en page basée sur la table sont très difficiles à modifier à la main.
Le formatage est fait cellule par cellule. Une page Web pourrait être composé de centaines de cellules de tableau. Faire un changement dans la police ou la couleur implique souvent des changements dans des centaines de cellules à travers la page. Cela rend votre page moins souple et plus difficile à mettre à jour.
Présentation est liée étroitement aux données. Une mise en page basée sur la table mêle étroitement les données et leur présentation. Cela va à l'encontre de l'objectif principal de la conception de sites Web - séparation des données à partir de sa présentation.
Mises en page basée sur la table sont difficiles à changer. Après avoir créé une mise en page basée sur des tables, il est très difficile d'apporter des modifications parce que toutes les cellules du tableau ont un effet potentiel sur les autres cellules.
Mises en page à base de tables causent des problèmes pour les lecteurs d'écran. Les personnes ayant une déficience visuelle utilisent un logiciel spécial pour lire des pages web. Ces lecteurs d'écran sont bien adaptés à lire des tableaux comme ils étaient destinés (pour gérer les données tabulaires), mais les lecteurs d'écran ont aucun moyen de savoir quand la table est utilisé comme une technique de mise en page plutôt que d'un outil de présentation de données. Cela rend configurations basées sur des tables moins conforme aux normes d'accessibilité.
Mises en page basée sur la table ne sont pas bien adaptées. Les utilisateurs modernes attendent à exécuter des pages sur les téléphones cellulaires et tablettes ainsi que des machines de bureau. Conceptions basées sur des tables ne échelle pas facilement à ces facteurs de forme plus petits.
Résistez à la tentation d'utiliser les tables HTML. Utilisez des tableaux pour faire ce qu'ils sont conçus pour: la présentation des données. Les approches à base de CSS que vous pouvez utiliser pour générer toute sorte de mise en page visuelle vous voudrez peut-être plus facile, plus fiable, et beaucoup plus souple.
A propos Auteur
Mises en page disponibles sur le site de l'édition sharepoint de 2,010 Le site de publication de SharePoint 2010 offre une expérience d'édition riche qui le rend facile pour une personne non-technique pour créer des pages web. Ajout de votre contenu à la page est un clin d'œil. SharePoint fournit de nombreux types…
Comment créer des tableaux en HTML5 Parfois, votre page Web comprend des données mieux présentés dans un tableau. Vous pouvez utiliser le système de table complet de HTML5 pour créer des tableaux comme celui de cet exemple:La structure de base d'un tableau au format HTML est…
Gérer dispositions de table en HTML5 En HTML, tables rendent facile à exposer les données, le texte, et même des images dans une grille. Tables aider à rendre plus facile à présenter des données numériques (qui apparaît naturellement sous forme de tableau dans des tableurs et…
Comment collecter des tables dans des schémas avec sql Un tableau est constitué de lignes et de colonnes et traite d'un type spécifique d'entité SQL, tels que les clients, les produits ou les factures habituellement. Travail utile exige généralement des informations sur plusieurs (ou plusieurs)…
Comment commander tables SQL par catalogue Pour les systèmes de très grandes bases de données, de multiples schémas SQL peuvent ne pas être suffisante. Dans un environnement de grande base de données distribuée avec beaucoup d'utilisateurs, vous pouvez même trouver des noms de…
Comment utiliser les tables de HTML5 pour la sortie SQL L'unité de base de la structure dans SQL est appelé table car il est généralement affiché dans un format tabulaire. HTML5 a également une structure de la table, ce qui est idéal pour émettre en sortie des données SQL. ContactTable.php,…
Comment formater une table dans l'iPad 2 numéros app Vous pouvez ajouter un peu de style et de classe - ou tout au moins un peu de couleur - pour les tableaux que vous créez dans les numéros App pour iPad 2. Formatage vos tableaux de nombres est un processus assez simple:Sélectionnez la table en…
Comment formater une table dans l'application des numéros pour iPad Vous pouvez ajouter un peu de style et de classe - ou tout au moins un peu de couleur - pour les tableaux que vous créez dans les numéros App pour iPad. Le formatage de votre tableaux Numbers est un processus assez simple, décrit…
Comment formater tables dans iBooks Author Les tableaux que vous créez dans iBooks Author sont très semblables à ceux que vous pouvez créer dans un programme de traitement de texte ou d'éditique, et la plupart des commandes seront familiers, même si elles résident dans des…
Statistiques tables pour référence Plusieurs tables couramment utilisés dans les statistiques comprennent les Z-table, le t-table, la table binomiale, et une table de z * -valeurs pour les niveaux de confiance sélectionnés. Extrait de Statistiques For Dummies, 2ème édition, par…
Comment créer un tableau simple sur votre page web Tables vous permettent d'organiser des informations sur votre page Web et lui donner un look organisée que vos visiteurs trouveront utile. Lorsqu'il est utilisé comme prévu, les tables sont rangées et de colonnes. Pour chaque endroit où une…
Comment organiser votre page web avec des tables et des cadres Utilisation des tableaux et des cadres sur votre page Web vous aide présente des informations à vos visiteurs d'une manière organisée. Les tableaux sont un outil de mise en page pour tableaux de données sur les pages Web, mais la capacité de…
Propriétés de la table Dreamweaver cs3 Si vous concevez un site Web avec Dreamweaver CS3 ou tout autre logiciel, vous utilisez probablement un grand nombre de tables dans vos mises en page. La barre d'outils Propriétés du tableau de Dreamweaver CS3 vous permet de microgérer la…
Comment désactiver un réseau wordpress À un certain moment, vous pouvez décider que l'exécution d'un réseau de sites sur WordPress est pas pour vous, et vous pouvez constater que vous souhaitez désactiver la fonctionnalité multisite complètement. Avant de désactiver le réseau,…