伴随着Web标准发展(4)

2007-10-12 16:59:06

标题

为了给标题做标记, 要用<h1>、<h2>、 <h3>、<h4>、<h5>或者 <h6>，这完全取决于标题的等级。<h1>是最高的等级。

例如:

<h1>文档标题</h1>
<h2>次级标题</h2>

文档标题

次级标题

段落

用<p>来标记段落。不要使用 <br /> 来生成段落间的空行。用CSS来控制段落间的空隙（Margins），这个空隙可以确保段落标记的正确无误。

例如:

<p>浪奔浪流，万里滔滔江水永不休，淘尽了世间事，混作滔滔一片潮流，
是喜是愁，浪里分不清欢笑悲忧，成功失败，浪里看不出有未有。爱你恨你问君知否，似大江一发不收，
转千湾转千滩，也未平复此中争斗，又有喜又有愁，就算分不清欢笑悲忧，仍愿翻百千浪，在我心中起伏够。</p>

浪奔浪流，万里滔滔江水永不休，淘尽了世间事，混作滔滔一片潮流，是喜是愁，浪里分不清欢笑悲忧，成功失败，浪里看不出有未有。爱你恨你问君知否，似大江一发不收，转千湾转千滩，也未平复此中争斗，又有喜又有愁，就算分不清欢笑悲忧，仍愿翻百千浪，在我心中起伏够。

列表

一些事物的罗列应使用列表来显示。在XHTML中有三种列表的方法：无序、有序和自定义。

无序列表, 就是我们所熟知的圆圈列表, 以 <ul>开始，以</ul>结束。每一个列表项都包含在<li>之中。

有序列表，以<ol>开始，以 </ol>结束。

自定义列表有一些不同，可以用来标记一些列表项和描述，以<dl>开始，以 </dl>结束。每一个被描述的项目，要包含在<dt>中，而描述的内容要包含在<dd>中。

`例如:`


<ul>
<li>项目一</li>
<li>项目二</li>
<li>项目三</li>
</ul>

    项目一 
    项目二 
    项目三

<ol>
<li>项目一</li>
<li>项目二</li>
<li>项目三</li>
</ol>

    项目一 
    项目二 
    项目三

<dl>
<dt>上海滩</dt>
<dd>这部拍摄于1980年的《上海滩》堪称是香港电视史上最成功、最经典的剧集。
当年在香港播出以后，产生了巨大的轰动效应。</dd>
<dt>周润发</dt>
<dd>和所有伟大的影星一样，周润发印证了一个时代，一个香港电影的黄金时代。
风衣墨镜、冷血双枪、阳光微笑，都封存胶片之中，当我们回首寻望的时候，发哥已被刻为一个时代的坐标。</dd>
</dl>
上海滩 
这部拍摄于1980年的《上海滩》堪称是香港电视史上最成功、最经典的剧集。 当年在香港播出以后，产生了巨大的轰动效应。 
周润发 
和所有伟大的影星一样，周润发印证了一个时代，一个香港电影的黄金时代。 风衣墨镜、冷血双枪、阳光微笑，都封存胶片之中，当我们回首寻望的时候，发哥已被刻为一个时代的坐标 
CSS使你不想用传统列表来呈现内容成为可能。导航栏（一个链接的列表）就是一个很好的例子。使用列表作为菜单的好处是当一个浏览器不支持CSS时，这个菜单仍然起作用。
引用
用<q>来标记简短的单行引用。Web浏览器会自动识别在<q> 之间的内容。不幸的是，IE不能识别，并且有些时候， <q>会引起一些可访问性的问题。正因为如此，一些人建议尽量不要使用 <q>,手动的插入引用标记。在一个包含适当的类的 <span>中加入单行的引用内容，那么就可以用CSS来给引用设计样式了，但是这个没有语义上的意义。 您可以读读Mark Pilgrim写的The Q tag 关于处理<q>相关问题的看法。
对于那些一段或者好几段的长篇引用，就应当使用 <blockquote>了。CSS可以用来定义引用的样式。注意，一段文章是不可以直接放在 <blockquote>中的，引用的内容还必须包含在一个元素中，通常是<p>。
属性cite既可以与<q> 一起用，也可以与<blockquote>一起用，用来提供引用内容的来源地址。需要注意的是，如果你使用 <span>来代替 <q>标记引用内容,那么你就不能使用 cite属性了。
例如:
<p>我的座佑名<q
cite="http://www.x5.com.cn/">别人的高标准，是我的基本要求。</q>.</p>
我的座佑名别人的高标准，是我的基本要求。.
<p>我的座佑名
<span class="quote">&#8220;别人的高标准，是我的基本要求。
&#8221;</span>.</p>
我的座佑名“别人的高标准，是我的基本要求。”.
<blockquote
cite="http://www.w3cn.org/">
<p>&#8220;我们大部分人都有深刻体验，每当主流浏览器版本的升级，我们刚建立的网站就可能变得过时，
我们就需要升级或者重新建造一遍网站。例如1996-1999年典型的"浏览器大战"，
为了兼容Netscape和IE，网站不得不为这两种浏览器写不同的代码。同样的，
每当新的网络技术和交互设备的出现，我们也需要制作一个新版本来支持这种新技术或新设备，
例如支持手机上网的WAP技术。类似的问题举不胜举：网站代码臃肿、繁杂浪费了我们大量的带宽；
针对某种浏览器的DHTML特效，屏蔽了部分潜在的客户；不易用的代码，残障人士无法浏览网站等等。
这是一种恶性循环，是一种巨大的浪费。
&#8221;</p>
</blockquote>

“我们大部分人都有深刻体验，每当主流浏览器版本的升级，我们刚建立的网站就可能变得过时，我们就需要升级或者重新建造一遍网站。例如1996-1999年典型的"浏览器大战"，为了兼容Netscape和IE，网站不得不为这两种浏览器写不同的代码。同样的，每当新的网络技术和交互设备的出现，我们也需要制作一个新版本来支持这种新技术或新设备，例如支持手机上网的WAP技术。类似的问题举不胜举：网站代码臃肿、繁杂浪费了我们大量的带宽；针对某种浏览器的DHTML特效，屏蔽了部分潜在的客户；不易用的代码，残障人士无法浏览网站等等。这是一种恶性循环，是一种巨大的浪费。 ”

责任编辑:

相关文章