mdn/html/2_html_tables/1_html_table_advanced_features_accessibility

1_html_table_advanced_features_accessibility

dz / mdn / html / 2_html_tables / 1_html_table_advanced_features_accessibility

Summary

HTML table Advanced Features and Accessibility

Node Tree

Nodes

table
content table
children nested_but_not_advised, structure, captions

captions
content captions
children tag_caption
parents table

tag_caption
content <caption>
children placed_beneath_table
parents captions, mdn/html/elements

structure
content structure
children tag_tbody, tag_tfoot, tag_thead
parents table

tag_thead
content <thead>
parents mdn/html/elements, structure

tag_tfoot
content <tfoot>
parents mdn/html/elements, structure

tag_tbody
content <tbody>
parents mdn/html/elements, structure

nested_but_not_advised
content Can be nested, but not advised
parents table

placed_beneath_table
content Placed directly beneath <table> tag
parents tag_caption

accessibility
content Accessibility
children scope_attr, screen_readers_programmatic_associations

scope_attr
content Scope attribute
children tells_screen_readers_header
parents accessibility

tells_screen_readers_header
content Tells screen readers what cesll the header is a header for.
parents screen_readers_programmatic_associations, scope_attr

screen_readers_programmatic_associations
content Screen readers identify headers to make programmatic associations.
children tells_screen_readers_header
parents accessibility

scope
content scope
children id_header_attr (alternative to), row, rowgroup, col, colgroup

row
content row
parents scope

col
content col
parents scope

rowgroup
content rowgroup
parents scope

colgroup
content colgroup
parents scope

id_header_attr
content id and header attribute
children precise_associations_no_room_for_error, explicit_definition_position_cell, header, id
parents scope

explicit_definition_position_cell
content Gives explicit definition of position of each cell in table
parents id_header_attr

id
content id
parents id_header_attr, tag_th

header
content header
parents id_header_attr, tag_td

tag_th
content <th>
children id
parents mdn/html/elements

tag_td
content <td>
children header
parents mdn/html/elements

precise_associations_no_room_for_error
content Precise assocations, but uses a lot more markup, no room for errors
parents id_header_attr