Html5中的a标签详解

来源：互联网发布：淘宝全球购靠谱吗编辑：程序博客网时间：2024/05/16 19:25

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>

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

阅读全文

0 0