• 首 页

网站建设|北京网站建设|北京网站制作|北京网站建设首选品牌【企通互联】

http://www.qitongnet.com 网站建设咨询热线:010-65587978/77/76/75

相关文章

北京网页设计网页的新颖效果 斜着滚动的marquee
北京网页设计看,404页面一样可以闪光
企通互联入门:如何把网页特效代码加到自己的网页中
网站制作网页特效之用css样式表实现首字大写
北京网站建设网页特效之用css样式表实现首字大写
北京网站制作html页面中嵌入另一个html页面
北京网站制作PS CS3制作MAXTHON 2.0 Logo
www.qitongnet.com网页制作应注意的几个事项
北京网站制作译文:十大网站设计错误
网站设计按形容词分类:轻快、华丽、动感


品牌理念

北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!


友好连接

    • 网站建设
    • 网页设计
    • 网站设计
    • 网站制作
    • 网站优化
    • 百度优化
    • google优化
    • seo
    • 网站推广
    • 网络营销
    • 北京网站建设
    • 北京网站制作
    • 北京网页设计
    • 北京网站设计

文章搜索

你的位置:首页 >> 网页设计 >> 网站设计北京网站设计网页HTML教程:建立有亲和力的超级连接

网站设计北京网站设计网页HTML教程:建立有亲和力的超级连接


作者: 北京网站建设   日期:2008-03-27 06:14:05  来源: http://www.qitongnet.com

tabbing浏览

不或不能使用指点设备的用户可以用快捷键tab键来打开连接,并且本身也要有逻辑tab顺序。尽管HTML www.qitongnet.com是线性的,tabindex属性允许你定义它快捷键们的顺序,而且这些逻辑 北京网站设计tab应该可以自动落入自己位置。

Chinaz.com

快捷键 Chinaz_com

快捷键可以通过键盘的特定按键进行更方便的导航(当按住Alt键或者Ctrl键时获得焦点)。对于那些没有指点设备的用户,比起使用tab键操作连接更快捷,更方便。 中.国站长站

没有必要为每一个连接都设置快捷键,但为主要导航连接都设置是一个不错的主意。 站.长站

<a href="somepage.html" accesskey="s">Some page</a>

中.国.站.长.站

注意 Chinaz

网站制作快捷键的麻烦是,用户常常没有办法知道它们在哪里和到底是什么键(除非查看源代码)。虽然JAWS──一个可以大声读出快捷键的屏幕阅读器,但要掘尽其能,你还是得让快捷键更直白。

中.国站长站

你可以使用像“跳过导航”的连接技术(下详),或者选择一个独立的页面来说明你网站的这些易用性相关功能,包括快捷键。一个越来越流行的办法是在一个与快捷键相一致的字母上加下划线,类似于Windows程序菜单中的方法。 中国.站.长站

连接的标题 Chinaz

网站建设为连接添加标题属性title是一个好主意,这会给用户所指向连接的予说明,所以能改进导航。

Chinaz_com

假如这个连接是执行Javascript的,这也有利于为没有使用Javascript功能的用户解释什么将会(或不会)发生。

Chinaz

以下为引用的内容:企通互联
<a href="#" onclick="opennastypopup()" onkeypress="opennastypopup()"北京网站制作
title="Open a nasty Javascript pop-up window">Monster</a>
Chinaz.com

弹出窗口

Chinaz

说到Javascript弹出窗口,你要坚持使用的话,或者很多人(你的用户)告诉你要使用,你可以用onkeypress和onclick来使得页面更易用。并且,在功能上定义了返回false的弹出窗口,包含一个带有href属性指向普通页面的连接,对于一个没有使用Javascript 网页设计功能的用户来说,可以以普通方式载入这个页面。 Chinaz^com

比如: Chinaz~com

以下为引用的内容:北京网站设计
<script type="text/javascript">北京网页设计
function opennastypopup()网站制作 企通互联
{ 网站建设
window.open("monster.html", "", "toolbar=no,height=100,width=200"); 北京网站设计
return false; 北京网站制作
} 北京网站制作
</script>北京网站制作
 ... 网站制作
<a href="monster.html" onclick="return opennastypopup()" onkeypress="return opennastypopup()">Monster</a>
中国站长.站

相邻的连接 中国站.长站

相邻的连接应该至少用空格隔开,以便为屏幕阅读器清晰辩明。

Chinaz^com

这也可以用字符来完成,连接之间的(比如竖线 |── 连接 | 连接),或者包围连接的(如中括号 [] ── [连接] [连接])。把连接放在列表里面也是一个好主意。然后可以用CSS来样式化显示,甚至可以是并行的列表(用 display: in-line)。

中国.站长站

跳过导航

Chinaz_com

你应该让使用屏幕阅读器的用户一个跳过导航直接到内容的机会。这是因为,假设你的连接是固定的(应该是),用户不必经受每一页同样的信息,尤其是大量的。你可以设置一个连接,跳过导航直接跳到内容的连接。 北京网站制作 中.国站长站

看起来像是这样的:

中.国站长站

以下为引用的内容:网站设计
<div id="header">北京网站建设
 <h1>The Heading</h1>网站建设
 <a href="#content" accesskey="n">Skip navigation</a>北京网站制作
</div>网站制作
<div id="navigation">网页设计
<!--loads of navigation stuff -->网站制作
</div>网站设计
<div id="content">北京网站制作
<!--lovely content -->网站建设
</div>
Www_Chinaz_com

显然,你没有必要在可视化浏览器中显示它,所有你可以用CSS开隐藏它。

Www^Chinaz^com

注意 中国站长_站,为中文网站提供动力

这是虽然只是一个CSS的小技巧,但是“跳过导航 北京网站建设”的特效药。这涉及到隐藏连接的方法。 中.国站长站

最常见的办法可能是使用display: none,但有些浏览器看到但不理解这个连接,“跳过导航”的连接必须显示。 中国站长_站,为中文网站提供动力

然而没有必要显示──没有理由显示给醒目的用户。所以坚持使用包含display: none的样式,还不如把元素宽和高设置为零(width: 0; height: 0; overflow: hidden;),这有相同的视觉效果,但可以使屏幕阅读器理解。 Www_Chinaz_com

北京网页设计
字体:【大】【中】【小】

上一篇:网站制作网页HTML教程:建立有亲和力的超级连接

下一篇:北京网站设计HTML网页初学者教程:讲解网页标题

这是一个与众不同的品牌,企通互联只专注于网站建设领域!中小型企业网站建设最佳合作伙伴!网站建设咨询热线:010-65587978/77/76/75!

Copyright © 2008 网站建设|北京网站建设|北京网站制作|北京网站建设首选品牌【企通互联】. Designed by www.qitongnet.com Free Website Templates