结构化块状元素

问题：需要把文档结构化，这样浏览器才能解析出一个更好的文档视图，搜索引擎才能识别出更加重要的关键词，文档处理工具才能应用某些技术来提取内容和转换结构，javascript才能通过遍历结构趋修改内容和添加文档交互

解决方案：

用块状元素来构造文档，有助于识别它的结构，在结构中有一定的含义的，html标记是含义最明确的，特别是当它的结构反映了文档中主体的层次结构与关系时。

     因为父元素包含子元素，所以它们是结构相关的，这表示它们的内容也是相关的。

     结构化块状元素或许仅仅包含块状元素。它们拥有结构化的含义，但是它们却没有什么语义上的内涵。换句话说，它们只是让你知道他是如何组织的，没有告诉你那是什么。

     4种主要的结构化元素<ol><ul><dl><table>和9个支持结构化的元素<li><dt><dd><caption><thead><tfoot><tbody><colgroup><col>

细节：

<!- -ordered list- ->

<ol>

<li>   </li>

<li> one or more item </li>

</ol>

 

<!- - inordered list - - >

<ul>

 <li>   </li>

     <li>一个或多个列表项 </li>

</ul>

 

 

<!- -  definition list - ->

<dl>

<dt> </dt>

<dt> one or more vocabulary</dt>

<dd> </dd>

<dd> one or more definition </dd>

</dl>

 

<!- - table - ->

<table >

< caption > every table can has an optional caption </caption>

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

<thead>

<tr>

<th> one or more cells in a head line </th>

<td> one or more cells in a data line </td>

</tr>

</thead>

<tfoot>

<tr>

<th>  one or more lines combined </th>

<td> </td>

</tr>

</tfoot>

<tbody>

<tr>

<th> zero or more line groups combined in a cell </th>

<td> </td>

</tr>

</tfoot>

</tbody>

</table>

 

<!- - blocky area -- >

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