HTML accesskey 属性
accesskey 属性 -- 代表链接的快捷键访问方式
- 定义了accesskey的链接可以使用快捷键(ALT+字母)访问.
- 主菜单与导航菜单使用accesskey,通常是不错的选择.
- 取值:
- 字母
示例
<
a
href
=
"
http://www.dreamdu.com/xhtml/
"
accesskey
=
"
h
"
>
(按住Alt键)点击键盘上的h按钮,再按回车(IE)就可以直接链接到HTML教程.
</
a
>
HTML accesskey 属性示例 -- 可以尝试编辑
各种浏览器下accesskey快捷键的使用方法
IE浏览器
按住Alt键,点击accesskey定义的快捷键(焦点将移动到链接),再按回车.
FireFox浏览器
按住Alt+Shift键,点击accesskey定义的快捷键.
Chrome浏览器
按住Alt键,点击accesskey定义的快捷键.
Opera浏览器
按住Shift键,点击esc,出现本页定义的accesskey快捷键列表可供选择.
Safari浏览器
按住Alt键,点击accesskey定义的快捷键.
HTML tabindex 属性
tabindex 属性 -- 代表使用"Tab"键的遍历顺序
- 可以使用Tab键遍历页面中的所有链接与表单元素,当遍历到某个链接时, 按Enter即可.遍历时会按照tabindex的大小决定顺序
- 遍历到某个链接的时候,会有虚线框包围链接,这时按回车键即可进入链接的页面.
- 取值:
- 数字,范围为[1~32767]
示例
<
a
href
=
"
http://www.dreamdu.com/xhtml/
"
tabindex
=
"
1
"
>
1
</
a
>
<
a
href
=
"
http://www.dreamdu.com/css/
"
tabindex
=
"
3
"
>
3
</
a
>
<
a
href
=
"
http://www.dreamdu.com/xhtml/tag_a/
"
tabindex
=
"
2
"
>
2
</
a
>
<!--
连续按 "Tab",可以改变焦点的位置.遍历的顺序是1-2-3.
-->
HTML title 属性
title 属性 -- 为链接、图像、表单等HTML元素提供描述性的信息
- title属性取值:
- 文字
- title,中文"标题"的意思
示例
<
a
href
=
"
http://www.dreamdu.com/xhtml/
"
title
=
"
HTML与XHTML入门教程
"
>
XHTML学习
</
a
>
<
img
src
=
"
/images/javascript_alert.png
"
alt
=
"
alert对话框
"
title
=
"
alert对话框图示
"
/>
HTML 弹出页面
前面讲的链接都是在一个页面进行的.这样做有两个好处.
- 保留导航信息 -- 使用浏览器(IE,Firefox等)浏览网站时,可以使用快捷键(退格键 或 Alt+左方向键)进行后退操作,使用快捷键(Shift+退格键 或 Alt+右方向键)进行前进操作.用户浏览的导航信息会被保留.
- 尊重用户的权利 -- 网站设计者并没有私自弹出一个页面的权利.(如果用户喜欢,完全可以在链接上点击右键--选择--新窗口打开,或者按Shift点击链接,打开新的窗口.)
- 为系统带来负担 -- 太多的窗体对系统造成负担,破坏导航信息,很多浏览器插件(谷歌工具栏等)会屏蔽弹出窗体
因此w3标准屏弃了链接标签的target="..."
属性,(target="..."属性可以非常简单的产生一个弹出页面).
根据标准,如果非常想使用弹出页面可以使用javascript配合完成,并且要使用title属性提示用户.
示例
<
script
type
=
"
text/javascript
"
>
function popup()
{
window.open("http://www.dreamdu.com/xhtml/", "", "toolbar=no,height=300,width=500");
return false;
}
</
script
>
<
a
title
=
"
popup
"
onclick
=
"
return popup()
"
>
Help me
</
a
>
时间: 2024-11-06 17:04:31