HTML链接深入理解

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

HTML链接深入理解的相关文章

Linux 软链接和硬链接的理解与学习

要想弄明白Linux的软链接和硬链接的概念,首先要明白linux是怎么管理文件的. 以下笔记部分内容来自互联网搜索,个人理解加以整合所得. 1. 文件系统 (作者:Vamei 出处:http://www.cnblogs.com/vamei/archive/2012/09/09/2676792.html) 文件被组织到文件系统(file system)中,通常会成为一个树状(tree)结构.Linux有一个根目录/, 也就是树状结构的最顶端.这个树的分叉的最末端都代表一个文件,而这个树的分叉处则是

FILE 结构体的定义,inode ,软链接和硬链接的理解

一.FILE结构体: C将每个文件简单地作为顺序字节流.每个文件用文件结束符结束,或者在特定字节数的地方结束,这个特定的字节数可以存储在系统维护的管理数据结构中.当打开文件时,就建立了和文件的关系. 在开始执行程序的时候,将自动打开3个文件和相关的流:标准输入流.标准输出流和标准错误.流提供了文件和程序的通信通道.例如,标准输入流使得程序可以从键盘读取数据,而标准输出流使得程序可以在屏幕上输出数据.打开一个文件将返回指向FILE结构(在stdio.h中定义)的指针,它包含用于处理文件的信息,也就

inode与软硬链接的理解

INODE 在Linux中,一切皆文件,都是以文件形式进行存储. 对于文件,它有两个属性,一个是自身属性,又称文件的元数据,表明这个文件自身的属性情况,如 文件的创建者是谁,所属组是哪个,文件的权限是什么,创建的时间,修改的时间...可以通过stat命令进行文件自身属性的查询,具体用法stat file:file是你要查询的文件: 另一个属性是写入文件中的内容,又称它的数据属性,该属性可以通过cat,vim等命令进行数据查看或者修改.文件的主要作用就是用来存储数据的,但是如果缺少文件的自身属性这

对链接地址的理解

当我们写链接器脚本的时候,我们会设置代码段的起始链接地址为0x30008000(S3C2440).如果对链接地址理解错误的话,可能会出现像我这样的问题. Q:gboot的链接器脚本里写的其实链接地址是内存中的0x30008000,再用交叉工具反汇编得到的start.S前几行代码地址都变成了0x30008000+,不太对啊.ARM启动流程里面讲处理器将NAND中的代码复制了4K到垫脚石中,垫脚石的地址是0x0,也正是因为这样,我们设置的异常向量表才有意义,处理器才能准确的找到处理异常的标号.但是把

理解jquery的$.extend()、$.fn和$.fn.extend()

jQuery.fn jQuery.fn = jQuery.prototype = { init: function( selector, context ) {//-. //-- }; 原来 jQuery.fn = jQuery.prototype.对prototype肯定不会陌生啦. 虽然 javascript 没有明确的类的概念,但是用类来理解它,会更方便. jQuery便是一个封装得非常好的类,比如我们用 语句 $("#btn1″) 会生成一个 jQuery类的实例. jQuery.ext

关于类型的存储时间和链接

理解: 1.这里的链接有外部链接.内部链接.空连接:这里的链接可以理解为变量的作用范围.空连接范围局限于代码块内部,内部链接局限于单个的声明变量的文件所在的范围,外部链接指的是变量具有程序的整个文件作用域.单个文件中声明变量若加上 statc 则该变量时内部链接. 2.类型的存储时期有静态和动态.静态需用关键字static声明.静态变量在程序编译时分配存储空间直到程序结束时才释放存储空间.具有文件作用域的变量具有静态链接.

【java】理解java对象序列化

关于Java序列化的文章早已是汗牛充栋了,本文是对我个人过往学习,理解及应用Java序列化的一个总结.此文内容涉及Java序列化的基本原理,以及多种方法对序列化形式进行定制.在撰写本文时,既参考了Thinking in Java, Effective Java,JavaWorld,developerWorks中的相关文章和其它网络资料,也加入了自己的实践经验与理解,文.码并茂,希望对大家有所帮助.(2012.02.14最后更新) 1. 什么是Java对象序列化 Java平台允许我们在内存中创建可

inode节点与硬链接概念详解

一.inode节点理解 inode(索引节点):存储文件元信息的区域 扇区:在linux系统中,最小的存储单位,通常为512字节(0.5kb) block:linux系统中文件最小的存取区域(操作系统读取硬盘时,一次性连续读取多个扇区,即一次性读取一个块),每个块中通常包含8个扇区,大小为4k 1.看完上面三个名词的解释后,再来看看inode的作用: 1.1.文件数据在块中(一次性可占用多个扇区,且最小占用一个块),那么文件的元信息(创建者.创建日期.大小等)需要找一个地方来储存,这个储存区域就

静态和动态链接

引言即使是最简单的HelloWorld的程序,它也要依赖于别人已经写好的成熟的软件库,这就是引出了一个问题,我们写的代码怎么和别人写的库集成在一起,也就是链接所要解决的问题. 首先看HelloWorld这个例子:[cpp] view plain copy  1. // main.c    2.   1 #include <stdio.h>    3.   2    4.   3 int main(int argc, char** argv)    5.   4 {    6.   5