Pro HTML5 and CSS3 Design Patterns

CHAPTER 2 HTML DESIGN PATTERNS

Structural Block Elements

HTML Pattern

<!-- Ordered List -->

<ol>

<li> </li>

<li> One or more list items... </li>

</ol>

<!-- Unordered List -->

<ul>

<li> </li>

<li> One or more list items... </li>

</ul>

<!-- Definition List -->

<dl>

<dt> </dt>

<dt> One or more definition terms... </dt>

<dd> </dd>

<dd> One or more definitions... </dd>

</dl>

<!-- Table -->

<table>

<caption> One optional caption per table. </caption>

<colgroup> <col /> <col /> </colgroup>

<thead>

<tr>

<th> One or more header cells in a row... </th>

<td> One or more data cells in a row... </td>

</tr>

</thead>

<tfoot>

<tr>

<th> One or more rows in a row group... </th>

<td> </td>

</tr>

</tfoot>

<tbody>

<tr>

<th> Zero or more row groups in a table... </th>

<td> </td>

</tr>

</tbody>

</table>

<!-- Divisions -->

<div> <div> <div> ... </div> </div> </div>