欢迎来到万象互联，开始您的互联之旅！
-
微信小程序
操作简洁 功能强大
专业团队 资深背景
微信搜索：cn163ns
- 微信平台特色
-
主要功能是针对微信商家公众号提供与众不同的、有针对性的营销推广服务。通过微信平台，用户可以轻松管理自己的微信各类信息，对微信公众账号进行维护、开展智能机器人、在线发优惠劵、抽奖、刮奖、派发会员卡、打造微官网、开启微团购等多种活动，对微信营销实现有效监控，极大扩展潜在客户群和实现企业的运营目标。无使用时间和功能限制
HTML教程：建立超级连接
大 中 小
文章来源：万象互联
更新时间：2018-9-8 12:53:21
tabbing浏览
不或不能使用指点设备的用户可以用快捷键tab键来打开连接，并且本身也要有逻辑tab顺序。尽管HTML是线性的，tabindex属性允许你定义它快捷键们的顺序，而且这些逻辑tab应该可以自动落入自己位置。
快捷键
快捷键可以通过键盘的特定按键进行更方便的导航（当按住Alt键或者Ctrl键时获得焦点）。对于那些没有指点设备的用户，比起使用tab键操作连接更快捷，更方便。
没有必要为每一个连接都设置快捷键，但为主要导航连接都设置是一个不错的主意。
注意
连接的标题
为连接添加标题属性title是一个好主意，这会给用户所指向连接的予说明，所以能改进导航。
假如这个连接是执行Javascript的，这也有利于为没有使用Javascript功能的用户解释什么将会（或不会）发生。
弹出窗口
说到Javascript弹出窗口，你要坚持使用的话，或者很多人（你的用户）告诉你要使用，你可以用onkeypress和onclick来使得页面更易用。并且，在功能上定义了返回false的弹出窗口，包含一个带有href属性指向普通页面的连接，对于一个没有使用Javascript功能的用户来说，可以以普通方式载入这个页面。
比如：
...
Monster
相邻的连接
相邻的连接应该至少用空格隔开，以便为屏幕阅读器清晰辩明。
这也可以用字符来完成，连接之间的（比如竖线 |── 连接 | 连接），或者包围连接的（如中括号 [] ── [连接] [连接]）。把连接放在列表里面也是一个好主意。然后可以用CSS来样式化显示，甚至可以是并行的列表（用 display: in-line）。
跳过导航
你应该让使用屏幕阅读器的用户一个跳过导航直接到内容的机会。这是因为，假设你的连接是固定的（应该是），用户不必经受每一页同样的信息，尤其是大量的。你可以设置一个连接，跳过导航直接跳到内容的连接。
看起来像是这样的：
Skip navigation
显然，你没有必要在可视化浏览器中显示它，所有你可以用CSS开隐藏它。
注意
不或不能使用指点设备的用户可以用快捷键tab键来打开连接，并且本身也要有逻辑tab顺序。尽管HTML是线性的，tabindex属性允许你定义它快捷键们的顺序，而且这些逻辑tab应该可以自动落入自己位置。
快捷键
快捷键可以通过键盘的特定按键进行更方便的导航（当按住Alt键或者Ctrl键时获得焦点）。对于那些没有指点设备的用户，比起使用tab键操作连接更快捷，更方便。
没有必要为每一个连接都设置快捷键，但为主要导航连接都设置是一个不错的主意。
Some page
注意
快捷键的麻烦是，用户常常没有办法知道它们在哪里和到底是什么键（除非查看源代码）。虽然JAWS──一个可以大声读出快捷键的屏幕阅读器，但要掘尽其能，你还是得让快捷键更直白。
你可以使用像“跳过导航”的连接技术（下详），或者选择一个独立的页面来说明你网站的这些易用性相关功能，包括快捷键。一个越来越流行的办法是在一个与快捷键相一致的字母上加下划线，类似于Windows程序菜单中的方法。
连接的标题
为连接添加标题属性title是一个好主意，这会给用户所指向连接的予说明，所以能改进导航。
假如这个连接是执行Javascript的，这也有利于为没有使用Javascript功能的用户解释什么将会（或不会）发生。
title="Open a nasty Javascript pop-up window">Monster
弹出窗口
说到Javascript弹出窗口，你要坚持使用的话，或者很多人（你的用户）告诉你要使用，你可以用onkeypress和onclick来使得页面更易用。并且，在功能上定义了返回false的弹出窗口，包含一个带有href属性指向普通页面的连接，对于一个没有使用Javascript功能的用户来说，可以以普通方式载入这个页面。
比如：
...
Monster
相邻的连接
相邻的连接应该至少用空格隔开，以便为屏幕阅读器清晰辩明。
这也可以用字符来完成，连接之间的（比如竖线 |── 连接 | 连接），或者包围连接的（如中括号 [] ── [连接] [连接]）。把连接放在列表里面也是一个好主意。然后可以用CSS来样式化显示，甚至可以是并行的列表（用 display: in-line）。
跳过导航
你应该让使用屏幕阅读器的用户一个跳过导航直接到内容的机会。这是因为，假设你的连接是固定的（应该是），用户不必经受每一页同样的信息，尤其是大量的。你可以设置一个连接，跳过导航直接跳到内容的连接。
看起来像是这样的：
The Heading
Skip navigation
显然，你没有必要在可视化浏览器中显示它，所有你可以用CSS开隐藏它。
注意
这是虽然只是一个CSS的小技巧，但是“跳过导航”的特效药。这涉及到隐藏连接的方法。
最常见的办法可能是使用display: none，但有些浏览器看到但不理解这个连接，“跳过导航”的连接必须显示。
然而没有必要显示──没有理由显示给醒目的用户。所以坚持使用包含display: none的样式，还不如把元素宽和高设置为零（width: 0; height: 0; overflow: hidden;），这有相同的视觉效果，但可以使屏幕阅读器理解。
- 上一篇：表格中单元格之间分隔线的隐藏方法
- 下一篇：介绍span和div标签的使用
地址：上海市浦东新区兰嵩路555号(森兰美伦)A座501 电话：400-021-8887 备案编号：31011002000144 邮编：200137
增值电信业务经营许可证：沪ICP备07509303号 沪ISP证B2-20070233 Copyright (c) 2004-2013 万象互联版权所有