Please enable JavaScript.
Coggle requires JavaScript to display documents.
HTML: Tables - Coggle Diagram
HTML: Tables
Structure
<td>
Implicitly laid out as a row
headers
Space-separated list of <th> IDs
<tr>
<th>
rowspan
colspan
scope
col
row
colgroup
rowgroup
Better accessibility
id
Better accessibility
Complicates the markup
Better accessibility
Structural elements
<tbody>
Implicitly present even if not specified
<tfoot>
<thead>
Placed below <col>/<colgroup> elements
No accessibility or visual improvements on their own
Nesting
Possibly but not generally advised
Reduced accessibility
Screen readers get confused
Drawbacks of table layouts
Reduced accessibility
Screen readers get confused
Produces tag soup
Not automatically responsive
Layout container widths default to 100% of their parent element
Tables are sized according to their content by default
Column styling
<colgroup>
Placed below the opening <table>
<col>
Nested inside <colgroup>
Implicitly refers to the nth column by order
span
Limited to a few style properties
border
background
width
visibility
Captions
<caption>
Nested inside the <table> element
summary
Deprecated by the HTML5 spec
Table attribute
Not rendered on page