a 设为首页
a 加入收藏
a 联系我们
a     本站诚征友情链接!!!  [admin  2007年11月22日]         今天是
 | 网站首页 | 站长在线 | 新闻资讯 | 网页设计 | 平面设计 | 网络媒体 | 网络安全 | 服务器 | 软件下载 | 图片素材 | 在线商城 | 站长论坛 | 留言 | 繁體中文
热门搜索关键字: 模板 | 错误 | 标签 | 采集 | 数据库 | 组件 | 代码 | 特效 | 木马 | 插件 | 虚拟主机
栏目导航  
站长必读
站长茶馆
站长故事
建站经验
推广研究
搜索优化
ALEXA | BAIDU
GOOGLE | SEO综合
盈利策划
分析研究
专题栏目  
· 网络架设  · 病毒安全
· 图行天下  · 音影视听
· 动易软件  · 动网软件
· 虚拟组合  · SEO技术
推荐文章  
热门文章  
图片文章  
 
您现在的位置: 中国站长在线|ITE258 >> 站长在线 >> 建站经验 >> 正文
Web标准发展建议与实例(4)
文章来源:中国站长学院 点击数: 更新时间:2006-10-23 【字体:




  • 上一篇文章:

  • 下一篇文章:
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
     
    关于〖Web标准发展建议与实例(4)〗的最新评论:

    引用

    用<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特效,屏蔽了部分潜在的客户;不易用的代码,残障人士无法浏览网站等等。这是一种恶性循环,是一种巨大的浪费。 ”

    强调

    <em> 是用作强调的,<strong>是用作重点强调的。 大部分浏览器用斜体显示强调的内容,用粗体来显示重点强调的内容,然而,这是没有必要的,如果是为了确定强调内容的显示方式,最好的方法就是使用CSS来定义他们的表现。当你想要的只是视觉上的效果时,就不要使用强调了。

    例如:

    <p><em>强调</em> 的文本通常用斜体显示,然而, <strong>特别强调</strong> 的文本通常以粗体显示。</p>强调的文本通常用斜体显示, 然而,特别强调的文本通常以粗体显示。

    表格

    XHTML中的表格不应用来布局。然而如果是为了标记列表的数据,就应该使用表格了。为了使数据表格有更强的访问性,了解和使用各种构造表格的组件就很重要了。比如表格标题 (<th>)、摘要(summary 属性)和首部说明 ( <caption>标签).

    例如:

    <table class="举例" summary="1999年到2003年,列表显示中国的平均人口增长率。">
        <caption>中国的年均人口的增长, 1999-2003</caption>
        <thead>
            <tr>
                <td>&#160;</td>
                <th scope="col">1999</th>
                <th scope="col">2000</th>
                <th scope="col">2001</th>
                <th scope="col">2002</th>
                <th scope="col">2003</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <th>人口</th>
                <td scope="row">8 861 426</td>
                <td scope="row">8 882 792</td>
                <td scope="row">8 909 128</td>
                <td scope="row">8 940 788</td>
                <td scope="row">8 975 670</td>
            </tr>
            <tr>
                <th>增长</th>
                <td scope="row">7 104</td>
                <td scope="row">21 366</td>
                <td scope="row">26 368</td>
                <td scope="row">31 884</td>
                <td scope="row">34 882</td>
            </tr>
        </tbody>
    </table>

    中国的年均人口的增长, 1999-2003
      1999 2000 2001 2002 2003
    人口 8 861 426 8 882 792 8 909 128 8 940 788 8 975 670
    增长 7 104 21 366 26 368 31 884 34 882

    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 在线投稿 | 管理登录 | 
    中国站长在线 http://www.ite258.com 电子邮件:xzg97829@126.com
    业务QQ:26566818(已满) 860700138 站长QQ群: 15643723(已满) 61894753
    湘ICP备07501014号
    站长:梦天 Copyright (c) 2002-2008 ite258.com. All Rights Reserved.
    本站部分资源由网友推荐,来自互联网,版权属于原版权人,如果不慎侵犯到您的权利,敬请告知,我们会在第一时间撤除。
    本站中各网友的评论只代表其个人观点,不代表本站同意其观点。