<a>标签的属性

<a>标签是html中的超链接标签,可以用于页面跳转。

超链接可以是一个字,一个词,或者是一幅图像,你可以点击这些内容跳转到新的文档,或者是文档中的某个部分。

有两种使用<a>标签的方法:

  1.通过使用href属性——创建指向另个文档的链接

  2.通过使用name属性——创建文档内的标签

<a herf="www.baidu.com">百度</a>

  href属性规定链接的目标,开始标签和结束标签之间的文字被作为超级链接来显示。

<a>标签还有一个target属性,这个属性用于定义在什么地方打开链接地址。

<a href="www.baidu.com" target="_blank">百度</a>

target属性有4个保留的目标值:_blank, _self, _parent, _top

  _blank:  浏览器总在一个新打开的,未命名的窗口载入目标文档。

  _self:   这个目标的值对于所有没有指定目标的<a>标签来说是默认值,它让目标文档载入并且显示在相同的框架或者窗口中作为源文档。这个目标是多余且不必要的,除非和文档标题 <base> 标签中的 target 属性一起使用。

  _parent:  这个目标使得文档载入到父窗口或者是包含超链接引用的框架的框架集。如果这个引用是在窗口或者是顶级框架中,那么它与目标_self等同。

  _top:   这个目标使得文档载入到包含这个超链接的窗口中,用_top目标将会清除所有被包含的框架,并将文档载入整个浏览器窗口中。

还有一种是framename:在指定的框架中打开链接文档。

<a>标签的name属性:

  name属性用来创建一个命名的锚。使用命名锚之后,可以让链接直接跳转到一个页面的某个章节,而不用用户打开那一页,再从上到下去查找。

  下面是name属性的用法:

<a name="label">Text to be displayed</a>

  命名锚的显示并没有什么不同,锚的名字也可以随意指定。但是如果想要直接链接到“label”章节的话,在url地址后面加一个“#”和这个锚的名字:

<a name="http://www.w3schools.com/html_links.asp#tips">jump to the Useful Tips Section</a>

  一个链接到本页面中某章节的命名锚是这样写的:

  

<a name="#tips">Jump</a>

基本注意点——有用的技巧

尽量在子目录路径后面加一个左斜杠。假如你像下面这样写:href="http://www.w3schools.com/html",将会产生向服务器产生两个HTTP请求,因为服务器会在后面追加一个左斜杠,产生一个新的请求,就像这样:href="http://www.w3schools.com/html/"。

命名锚通常用来在大型文档的开头创建章节表。这个页面的每个章节被加上一个命名锚,到这些锚的链接被放在页面的顶端。

如果浏览器无法找到指定的命名锚,它将转到这个页面的顶部,而不显示任何错误提示。

链接到本页的例子

<html>
<body>
<p>
<a href="#C4">
See also Chapter 4.
</a>
</p>
<p>
<h2>Chapter 1</h2>
<p>This chapter explains ba bla bla</p>
<h2>Chapter 2</h2>
<p>This chapter explains ba bla bla</p>
<h2>Chapter 3</h2>
<p>This chapter explains ba bla bla</p>
<a name="C4"><h2>Chapter 4</h2></a>
<p>This chapter explains ba bla bla</p>
<h2>Chapter 5</h2>
<p>This chapter explains ba bla bla</p>
<h2>Chapter 6</h2>
<p>This chapter explains ba bla bla</p>
<h2>Chapter 7</h2>
<p>This chapter explains ba bla bla</p>
<h2>Chapter 8</h2>
<p>This chapter explains ba bla bla</p>
<h2>Chapter 9</h2>
<p>This chapter explains ba bla bla</p>
<h2>Chapter 10</h2>
<p>This chapter explains ba bla bla</p>
<h2>Chapter 11</h2>
<p>This chapter explains ba bla bla</p>
<h2>Chapter 12</h2>
<p>This chapter explains ba bla bla</p>
<h2>Chapter 13</h2>
<p>This chapter explains ba bla bla</p>
<h2>Chapter 14</h2>
<p>This chapter explains ba bla bla</p>
<h2>Chapter 15</h2>
<p>This chapter explains ba bla bla</p>
<h2>Chapter 16</h2>
<p>This chapter explains ba bla bla</p>
<h2>Chapter 17</h2>
<p>This chapter explains ba bla bla</p>
</body>
</html>
原文地址:https://www.cnblogs.com/b302/p/4318615.html