table-examples: Difference between revisions
Jump to navigation
Jump to search
(adopt new format) |
m (Reverted edit of UjfPwk, changed back to last version by Phae) |
||
| (11 intermediate revisions by 8 users not shown) | |||
| Line 1: | Line 1: | ||
= Table Examples = | = Table Examples = | ||
As the first stage of the microformats [[process]], this page collects [[examples]] of best/common practice for the [http://www.w3.org/TR/REC-html40/struct/tables.html table] tag. | As the first stage of the microformats [[process]], this page collects [[examples]] of best/common practice for using the [http://www.w3.org/TR/REC-html40/struct/tables.html table] tag to represent structured data. | ||
== The Problem == | == The Problem == | ||
| Line 11: | Line 11: | ||
== Real-World Examples == | == Real-World Examples == | ||
* [http://www.456bereastreet.com/archive/200410/bring_on_the_tables/ Best practices] for marking up tabular data (especially for accessibility) | |||
** < th scope=col|row id="name"> for headers | |||
** caption, summary | |||
== Existing Practices == | == Existing Practices == | ||
== Proposal (N/A) == | == Proposal (N/A) == | ||
Latest revision as of 19:43, 12 August 2007
Table Examples
As the first stage of the microformats process, this page collects examples of best/common practice for using the table tag to represent structured data.
The Problem
Thought often abused for layout, the original purpose of HTML tables is to provide a two-dimensional structure for data. The purpose of this exploration is to determine if there are common patterns for annotationg those structures, and (if so) whether there is a need to formalize that as a microformat (a la xoxo for lists). The working hypothesis is tables typically represent two kinds of data:
- a list of dictionaries (with column headers, and sometimes row headers)
- a grid of numerical data (without any headers, or merely numeric indices)
Participants
Real-World Examples
- Best practices for marking up tabular data (especially for accessibility)
- < th scope=col|row id="name"> for headers
- caption, summary