Html5中的a标签详解

2017-09-13 20:32:33来源:CSDN作者:dckandcqq人点击

分享
Html中<a> 标签定义一个超链接,用于从一张页面链接到另一张页面,主要包括的属性有:
href:指定<a>标签的链接路劲,包括已经写好的链接文本路劲和链接到页面中的一个锚点(id或name来定义的,这时浏览器地址后面会加上其id或name的值);
id:指定<a>标签的id;
name:指定<a>标签的名称;
target:规定在何处打开链接文档,可能的只有:
_blank: 在新窗口中打开被链接文档。
_self: 默认。在相同的框架中打开被链接文档。
_parent: 在父框架集中打开被链接文档。
_top: 在整个窗口中打开被链接文档。

framename: 在指定的框架中打开被链接文档。

title:设置鼠标悬停在超链接上的时候,显示该超链接的文字注释;
mailto:创建E-mail链接,参数即为收件人地址;
cousor:指定鼠标移上去样式,可能的只有:
url
需被使用的自定义光标的URL
注释:请在此列表的末端始终定义一种普通的光标,以防没有由 URL 定义的可用光标。
default 默认光标(通常是一个箭头)
auto 默认。浏览器设置的光标。
crosshair 光标呈现为十字线。
pointer 光标呈现为指示链接的指针(一只手)
move 此光标指示某对象可被移动。
e-resize 此光标指示矩形框的边缘可被向右(东)移动。
ne-resize 此光标指示矩形框的边缘可被向上及向右移动(北/东)。
nw-resize 此光标指示矩形框的边缘可被向上及向左移动(北/西)。
n-resize 此光标指示矩形框的边缘可被向上(北)移动。
se-resize 此光标指示矩形框的边缘可被向下及向右移动(南/东)。
sw-resize 此光标指示矩形框的边缘可被向下及向左移动(南/西)。
s-resize 此光标指示矩形框的边缘可被向下移动(北/西)。
w-resize 此光标指示矩形框的边缘可被向左移动(西)。
text 此光标指示文本。
wait 此光标指示程序正忙(通常是一只表或沙漏)。

help 此光标指示可用的帮助(通常是一个问号或一个气球)。

下面是实例代码:

<html><style>a{cursor:pointer;}</style ><body><p><a href="#C4">查看 Chapter 4。</a></p><h2>Chapter 1</h2><h2>Chapter 2</h2><h2>Chapter 3</h2><h2><a href="mailto:" id="C4" title="this is chapter 4" target="_blank">Chapter 4</a></h2><h2><a >Chapter 5</a></h2><h2>Chapter 6</h2><h2>Chapter 7</h2><h2>Chapter 8</h2><h2>Chapter 9</h2><h2>Chapter 10</h2><h2>Chapter 11</h2><h2>Chapter 12</h2><h2>Chapter 13</h2><h2>Chapter 14</h2><h2>Chapter 15</h2></body></html>

本文转载自:点击打开链接

最新文章

123

最新摄影

微信扫一扫

第七城市微信公众平台