HTML链接深入理解

标签：

HTML 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 属性

示例

<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 属性

示例

<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>

HTML链接深入理解

标签：

原文地址：http://www.cnblogs.com/JSWBK/p/5601357.html