03.05 Table design

The essence of the site is the tables of correspondences and design of the SC start with them by following the principles of typesetting tables:

● Never, ever use vertical lines.

● Give the data space to breathe.

● Data comes first (not fancy design).

For more information, refer to the following article http://ctan.unsw.edu.au/macros/latex/contrib/booktabs/booktabs.pdf

The only visible structure for the tables is a thin grey line. This is enough to organize the data, while the eye is drawn to the text.

Tables are by default fluid in HTML, so they will, within reason; resize themselves to fit the screen.

The tables now use the full semantic markup made available by HTML5. Here is the template, with annotations.

<table> <caption></caption> (Defines table caption.) <thead> (Groups the items in the first row of the table.) <tr> (Header row.) <th></th> (Header cell.) <th></th> </tr> </thead> <tbody> (Groups the main table data.) <tr> (Row.) <td></td> (Cell.) <td></td> <tr> <tr> <td></td> <td></td> <tr> </tbody> <tfoot> (Defines footer area, usually used for footnotes.) <tr colspan="2"> <td><td> (Notes.) <tr> </tfoot> </table>