HTML: Eticheta span în tabele

Folosirea tabelelor pentru a separa orizontal mai multe bucăți mai mici de conținut într-un element de aspect este încă în general acceptată și este mai ușoară decât stilarea div-urilor, dar este totuși considerată o abordare mai puțin ideală.

Pe măsură ce creăm modele de tabel mai complicate, este posibil să dorim să îmbinăm unele dintre aceste câmpuri împreună. Putem crea celule „extra-mari” adăugând atribute colspan și divspan la fila de divizare (th sau td). O valoare colspan de 2, de exemplu, înseamnă că celula va umple două blocuri orizontale (de la stânga la dreapta) ale tabelului. De asemenea, un rowspan de doi rânduri înseamnă că celula va umple spațiu de două rânduri în coloanele pe care le ocupă, ca în acest exemplu care arată personalul pentru o parte a săptămânii:

<table> <tr> <th>ID</th><th>First Name</th><th>M</th><th>T</th><th>W</th><th>Th</th><th>F</th> </tr> <tr> <th>1</th><td>John</td><td colspan =2>work</td><td></td><td rowspan=2>closed</td><td></td> </tr> <tr> <th>2</th><td>Jane</td><td></td><td></td><td>work</td><td>work</td> </tr> </table>

ID	First Name	M	T	W	Th	F
1	John	work		closed
2	Jane			work	work

Rețineți că span se deplasează întotdeauna de la stânga la dreapta pentru coloane și de sus în jos pentru rânduri, începând cu celula în care plasați atributul. Valorile dvs. pentru span trebuie să fie întotdeauna pozitive și mai mari decât zero.

În timp ce aceste exemple subliniază unde marginile celulelor tabelului sunt cu linii punctate, putem activa selectiv aceste margini prin atributele celulei și/sau prin stilul CSS. Cea mai bună abordare este să păstrăm aceste modificări vizuale în CSS, păstrând separarea structurii/stilului a sarcinilor dintre HTML și CSS, făcând mai ușor de întreținut modificările vizuale viitoare.

Sursa: Michael Mendez, The Missing Link – An Introduction to Web Development and Programming (CC BY-NC-SA 3.0 License), Published by Open SUNY Textbooks, Milne Library (IITG PI), State University of New York at Geneseo. Traducere de Nicolae Sfetcu