当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > [转]Accesskey引起的一点点思考

CSS样式表
css 块状元素和内联元素
CSS 盒模型、块状元素与内联元素、CSS选择器
css 浮动 理解Float的含义
CSS 清除浮动Clear
CSS 制作网页导航条(上)
CSS 制作网页导航条(下)
css 浮动(float)页面布局
css 浮动(float)页面布局(下)
css position 定位
css 定位应用实例
CSS Hack 有关浏览器兼容方面
css 单图片按钮实例(css 图片变换)
使用X-UA-Compatible来设置IE浏览器兼容模式
div overflow 超出隐藏属性使用说明
CSS 使用规则总结
div+CSS 兼容小摘
CSS的inherit与auto使用分析
如何组织和注释CSS文件
CSS样式按整洁易懂的结构组织
CSS Prism 查看和编辑CSS中用到的颜色

CSS样式表 中的 [转]Accesskey引起的一点点思考


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-12   浏览: 58 ::
收藏到网摘: n/a

Access key 是什么?~估计除了做 Web 开发的没多少人知道,Access key 是网页提供的快捷键。先回到软件界面,看下我的 Opera 的菜单,我的 Opera 是修改过的,中英文混在一起。

中文的作法一般都是在文字后面加个括号,里面的键值用下划线标出。而英文一般是把开头当成键值,如有重复的就推到第二第三,如果那个单词比较倒霉,所有字母都有跟别的有冲突又排在最后面的话,一般做法也不会像中文一样加括号标值。而是调整其他的来解决冲突,这年头,视觉第一!中文什么好办法,统一加括号。这是系统提示的热键(比较懒,没去查它叫什么名?),按下 alt+key 可直呼出,不知道有多少人使用鼠标去点多一些。

回到网页中,在网页里,一样有差不多功能的东东。大家叫它Access key,貌是最近流行滴样子。
<tag accesskey="x">标签添加属性accesskey,属性值就是对应的键</tag> 相关资料:http://www.w3.org/TR/1999/REC-html401-19991224/interact/forms.html#access-keys

一般按法也是 alt+key 来选中。不过各浏览器都不大一样。
IE系列使用alt+key,再加Entet回一下下车(如果是链接的话。)
FF2.0以下的是也是使用alt+key,不过如果是链接的话,直接打开,Netscape也是直接按Alt+key
FF2.0的,官方说:网页提供的快捷键 (Access key) 现在在 Windows 上请以 Alt+Shift+Key 来使用,在 Mac OS X 为 Ctrl+key,Unix 则是 Ctrl+Shift+key。,可是我的SUSE上的FF2.0仍然是用 Alt+Shift+Key,不知道是算什么系统。。-_-!!
除了alt+key外还要多按个键的做法是为了避免与浏览器的冲突,想法是好滴,可单手按起来并不方便。
Opera的是按下Shift+Esc 激活accesskey面板。再接Key直接选择,这是我以前做的小站的部分截图

跟Opera使用方式差不我的还有Konqueror,Konqueror 是个按下Ctrl 激活 accesskey 面板,除去已经分配的 accesskey外,会自动把其他的键按页面链接的顺序按XXX条件分配,字母分完了就分配数字,都分完了后面的就没有。不过Konqueror 这个浏览器,估计没什么人会去用,现在 linux 的发行版大多默认是 Firefox 。

Mac OS X 上的我就不知道。没钱买装的起这种系统的机子。x86的装了n个版本,N台机子,都没装上一个图型界面可用的。如有使用Mac OS的朋友告知一下,也许我哪天会用上Mac不用再想这个问题。

知道了accesskey 怎样操作后,思考一下,它应该用在什么地方。
一般来说,非打字状态下,我左手是放键盘左边或者拿烟,右手抓住鼠标,以防给人抢了。
如果有明显提示的 accesskey 并在 key 是键盘左边,我单手能很方便按到时才可能会使用,我比较懒 ^_#。

为什么说要有明显提示的 accesskey 才可能会使用会使用呢?我以前做的小站。是使用tip来提示的,我连自己做的东西都忘记了,更别说别人的。而如果按一个键要我把整只左手移到键盘的右边,我宁可使用鼠标操作。
那什么是明显的提示呢。看一下小甘甘滴小站吧,注意最上面的导航菜单。英文还是比较好做一点点,可以抽个字母来用,中文的我并没想到什么好一点的办法。也许像窗口的菜单的一样是个办法,中文的字并不能全排进键盘那些键里,就算可以排进去,又有多少人能记得住。

accesskey 的值可以是字母跟数字。一些浏览器并没有解决网页里跟浏览器里的按键冲突。 所以,并非所有的字母都适合使用。同时,一些浏览器的数字并不能使用小键盘里的数字。比如FF,
如果一个人会在网页里使用别人提供 accesskey 的话,理论上他也会使用浏览器上的来完成一些操作。当然,这只是我个人想法,并不知道别人是否也是这样。也许别人跟我一样,IE只是用来调试网页使用的。

如果在网页里使用的 accesskey 与浏览器上的菜单重叠了,比如 "V" 给网页用了,我就不能按 Alt+V, C 这样简单的在IE打开源文件来看,哎!做开发的人一天就知道看代码。 希望有在网页使用accesskey 的朋友不要选择与浏览器的有冲突的键。

除了菜单。还有什么地方常会用到呢?一般来说是表单,录入文字时我会使用双手。按键范围也就就大了。比如像一位台湾的朋友OOO的blog,在评论时可以用 accesskey 来选择要填的地方。像这样操作的确方便了点,不过我一般都不用。
一般我看文章时。右手还在鼠标上,拉到评论时,会顺便点在第一个 input 里,之后一般是按 Tab 来跳到下一个 input 或者别的,要返回上一个时,是按 Tab+Shift 来跳回,怎样说 Tab 键也是比较大一点的,方便按一点。

说着说着,好像accesskey 用处并不怎样的样子。其实,因为我们一般有鼠标用,如果没有鼠标呢?所以,大家买手机时最少得买有蓝牙可以控制电脑滴,要是鼠标不小心坏了,还可以临时当下鼠标用。在现在多数网站光使用Tab都比较难用滴,又有多少使用AJAX技术的网站来提高用户体验~结果是让我在鼠标出现问题时,连唯一的Tab都没用没了。

除去 accesskey 外,还有一些网站,强制使用键盘的某些键配合js来完成一些操作。比如按Home键就跳到首页,方向键向左是跳到上一篇文章,向右是跳到下一篇。有时,用着是挺方便的;有时,也许会很烦,因为原来的功能没了。

请不用在本小站尝试 accesskey,因为没有做之类的功能,只是昨晚有个朋友问到 FF2.0 按了没反应的问题,便写下自己的一些想法。也许,下一次改版,我会把小站做得更像样,也许,改版都可以省掉,因为很懒,忙其实只是个华丽的借口。