Que sont les colonnes HTML?
Dans les documents HTML (HyperText Markup Language), les colonnes permettent de définir une zone d'un site Web dont la largeur est généralement inférieure à la largeur totale affichable d'une page. Les colonnes HTML permettent aux concepteurs de pages Web d'utiliser un format similaire à celui de l'impression sans avoir recours à des astuces non fiables, telles que des images vierges, pour créer un espacement. Chaque colonne peut également utiliser des éléments standard pour définir sa largeur, son alignement et son espacement. Traditionnellement, les colonnes HTML ne constituaient qu'une partie d'un tableau HTML plus grand, bien que l'introduction des feuilles de style en cascade (CSS) ait permis de définir une colonne sans avoir à créer un tableau entier. L'utilisation de colonnes HTML soulève certains problèmes de formatage et de compatibilité, même s'ils peuvent être en grande partie résolus grâce à une conception et à un codage soigneux.
Les colonnes HTML étaient à l’origine une partie d’une structure de mise en forme plus grande appelée tableau. Un tableau HTML peut être considéré comme une grille, chaque carré de la grille étant appelé une cellule. Une colonne est un ensemble de cellules alignées consécutivement et allant du haut vers le bas. Une table a généralement plusieurs colonnes. Chaque cellule d'une colonne peut avoir sa propre mise en forme et son propre espacement, tout en pouvant s'étendre sur plusieurs lignes.
Avec CSS, les colonnes HTML ne font en réalité pas partie d'une table, mais sont des divisions d'espace imbriquées dans d'autres divisions. Cela permet à plusieurs colonnes de ressembler à un tableau HTML, sauf que les fonctionnalités de CSS permettent d'appliquer exactement le même formatage à de nombreuses pages d'un même site. L'utilisation de CSS pour former des colonnes pose toutefois des problèmes lors de la mise en œuvre des balises de division dans certains navigateurs, dans lesquels l'alignement et le traitement des colonnes et de leur contenu ne respectent pas les normes acceptées.
La largeur des colonnes HTML peut être spécifiée dans le code d'un document, soit en indiquant les dimensions exactes en pixels, soit par le biais d'une mesure en pourcentage relatif. Cela signifie qu'une colonne peut être créée en indiquant que sa largeur est de 200 pixels ou 25% de la largeur de l'affichage du visualiseur. En spécifiant les dimensions en pixels d'une colonne, vous pouvez vous assurer que les images et les autres éléments de mise en page avancés sont parfaitement organisés et redimensionnés, même si cela signifie que la page peut apparaître beaucoup plus grande ou plus petite que souhaité à différentes résolutions d'écran. La création d'une colonne à l'aide de pourcentages relatifs signifie que la colonne sera redimensionnée selon les dimensions souhaitées quelle que soit la taille de l'écran du visualiseur. Toutefois, le contenu de la colonne peut ne pas s'afficher correctement en raison d'un espace insuffisant ou insuffisant.