- 块状元素用来构造文档,分清文档中主题的层次结构与关系。
- 终端块状元素用来终结文档的结构,以便插入内容。它们(h1、p、blockquote、dt、address、caption)是内容的主要容器。多目标块状元素也可以用来盛放内容。是文档结构的终端节点,不能再包含块状元素。
- 多目标块状元素用来在结构中嵌套结构或终止当前结构来自由地扩展文档的结构。用来确定文档分区、列表项、词典释义、表格数据单元格、表格头部单元格、表单和当脚本无法运行时的可替换内容。当多目标块状元素以结构化的方式使用时,它就拥有结构化的内涵,当以终端的方式使用时就拥有语义化的内涵。多目标块状元素既可以包含块状元素也可以包含内容,但是不能同时包含两种。文本与内联元素的组合才构成了内容。块状元素不应该作为内联元素和文本的兄弟元素。
- 内联元素用于识别文本的含义、控制文本排列的数序、向文档插入额外的内容,比如图片、控制元素。内联元素本身就是内容。
结构化块状元素:
:4种主要的结构化块状元素(ul、ol、dl、table)和9个支持结构化的元素(li、dt、dd、caption、thead、tfoot、tbody、colgroup、col)
<ul>创建了一个无序列表,其中包含一个或多个列表项(<li>),列表项属于同一组,但没有顺序或者等级差异。
<ol>创建了一个有序列表,其中包含一个或多个列表项(<li>),列表项属于同一组,并有先后顺序或者登记差异。
<dl>创建了一个定义列表,其中包含一个或多个词汇(<dt>)和定义(<dd>)。从结构上来说,定义列表按时它的所有词汇都是同义词,并且所有定义都可以作为词汇的替代定义。HTML规范中也提到,定义列表的应用范围很广泛,例如:列出演讲者和它们的对话。而从分类的角度来看,定义列表是一组关联实体,它把某些键和值联系在了一起。
<table>创建了一个表格数据结构,其中含有行(<tr>)和单元格(<th>和<td>)。它也可以创建行组(<thead>)、表尾(<tfoot>)和一个或多个表格的主题群(<tbody>)。它也能创建一个或多个列祖(<colgroup>),可以包含一列或多列(<col>)。列祖和列是唯一具有关联(而非层次)的结构化块状元素。换句话说,每个<col>元素都与某一列中的单元格形成一种关系,而不用父元素的帮助。表格可选择性地添加一个<caption>。
<div>是一种多目标块状元素。它可以是结构化的或终端的,通常用它来为文档进行划分。文档分区(document division)对于把文档分成一个个小的区域非常关键,而这些区域是搭建页面的必要元素。是“HTML结构设计模式”所有结构化元素之父。
终端块状元素:
六种用来识别内容性质的元素:标题元素、p、blockquote、dt、address、caption
<h1>、<h2>、<h3>、<h4>、<h5>、<h6>按重要性从大到小可创建一系列的标题。
<p>创建了一个段落。
<dt>创建了一个定义词汇。
<address>为文档本身创建了一条联系记录。
<caption>创建了一个表格标题。从语义上来说,它为表格添加了一个标签。
多目标块状元素
<div>是一个分区。它通常是结构化的,但是它也能含有内容。
<li>是一个列表项。一般来说,它是一个包含内容的终端块状元素,不过它也能包含结构化块状元素(比如表格和列表)或终端块状元素(比如标题和段落)。
<dd>是定义列表中的一个定义。通常作为一个包含内容的终端块状元素,但也可以包含结构化或终端的块状元素。
<td>、<th>是表格单元格。
内联元素分为4类:语义元素、排列顺序元素、可替代元素、控制元素。语义元素(semantic element)用于识别内容的含义。排列顺序元素(flow element)控制元素之间的排列数序。可替代元素(replaced element)可用对象进行替代,例如图片。控制元素(control element)是一些可用于输入数据的对象,列入文本框。
语义元素。3种语义化的内联元素用于定义内容的相对重要性。它们的重要性依次增大:<span>、<em>和<strong>。<span>是一般的,具有中等重要性,搜索引擎使用<em>和<strong>来对内容进行排序。短语内联元素(a、cite、code、kbd、samp、var)、单词内联元素(acronym、abbr、dfn)、字符内联元素(sub、sup)。
排列控制元素控制文档的排列顺序。例如<br/>插入了一个断行符,<bdo>可改变排列的方向。
可替代元素可用于外部内容替代。例如<img>,可用图片或者<object>来替代它,<object>可用视频、flash电影和声音文件来替换。
控制元素是表单中用于数据录入的内联元素。
HTML为每个语义化的内联元素都赋予了默认的样式。<span>没有默认样式和任何含义,所以可把它用于任何目的。<strong>默认是粗体显示。<em>、<dfn>、<cite>、<var>默认是斜体。而<cde>、<kbd>、<samp>默认为等宽字体。默认为下划线的有:<a>、<acronym>、<abbr>。IE6不支持<abbr>。