通行证: 用户 密码 域名空间  下载中心 社区论坛 信息公告 my小屋
联系我们
设为首页
加入收藏

 

qq,asp,php,jsp,xml,sql,.net,编程 程序 网页图象 建站经验 私服
首页 | 新闻资讯 | 编程开发 | 网页设计 | 图形图象 | 网络媒体 | 网站模板 | 数 据 库 | 投稿
论坛 | 操作系统 | 系统优化 | 网络安全 | 黑客技术 | 硬件学堂 | 硬件报价 | 服 务 器 | 地图
专题 | 应用软件 | 聊天通讯 | q q 专栏 | 建站经验 | 在线工具 | 站长club | 注 册 表 | 旧版
社会 | 游戏娱乐 | 设计欣赏 | 疑难解答 | 社区论坛 | 网络赚钱 | 网站地图 | 广告服务 | 服务
当前位置:首页>>站长club>>建站经验>>正文 新版上线![旧版]
注:打开慢时请稍等
web标准发展建议与实例(4)

http://www.iyit.net  日期:2006-5-8 14:36:57  来源:中国站长学院  点击:
参加讨论

引用

用<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
 19992000200120022003
人口8 861 4268 882 7928 909 1288 940 7888 975 670
增长7 10421 36626 36831 88434 882


编辑:黑鹰 [发送给好友] [打印本页] [关闭窗口] [返回顶部]
上一篇:web标准发展建议与实例(3)
下一篇:web标准发展建议与实例(5)
转载请注明来源:www.iyit.net
特别声明: 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。

 相关文章
最新更新 热点排行 推荐新闻
行业网站设计心得
网站导航理论与实践
企业域名选择的原则和技巧
在网页编辑常用表现的实现方法
网站设计的思考(6)——首页的设计
行业网站设计心得
网站导航理论与实践
企业域名选择的原则和技巧
在网页编辑常用表现的实现方法
网站设计的思考(6)——首页的设计
网站设计的思考(5)——确定网站的整体
网站设计的思考(4)——确定网站的目录
网站设计的思考(3)——确定网站的栏目
网站设计的思考(2)——定位网站ci形象
网站设计的思考(1)——定位网站主题和
java数据类型转换
网站优化的十大奇招妙技
你的网站为什么不能帮你赚钱之二
网页应该怎样设计才能被百度有效收录
你的网站为什么不能帮你赚钱之一
新开放qq免费挂级网站
免费在qq上看在线电影电视听音乐
免费把qq炫铃设为本机qq的系统提示音
qq珊瑚虫外挂4.0版本发布!
腾讯qq调整升级条件不再诱发网民“通宵
优秀公益广告作品欣赏(8)
java数据类型转换
流金岁月!cpu历史上最难忘的十个第一
qq挂机的n种快速方法
asp自动解压rar文件
巧用photoshop图案工具
用photoshop制成浪漫的“珍珠项链”
第二十章 开发delphi对象式数据管理功
sql简明教程(1)
vbscript和javascript互相调用 
jsp教程(四)-jsp actions的使用
操作系统被入侵后的修复过程
五一别忘电脑防毒 养成良好上网习惯
google对ie浏览器将捆绑搜索功能表担忧
新版上线,今日正式开通!!!
 友情链接
设置首 页 - 版权声明 - 广告服务 - 关于我们 - 联系我们 - 友情连接
copyrights © 2004-2006 iyit.net all rights reserved.
网站合作、广告联系qq:147007642、466949678
易特网络技术 点击这里给我发消息