HTML 应用超联接与互联网上的另一个文档相接。
基本上可以在所有网页中寻找连接。点击连接能从一张网页跳转到另一张网页页面。
HTML 超链接(连接)
超链接能是一个字,一个词,或是一组词,还可以是一幅图象,能够点击这部分内容来跳转一个新的文档或是现阶段文档中某个一部分。
当把鼠标箭头移到网页中某个连接处时,箭头符号会变成一只小手。
大家根据使用 <a> 标识在 HTML 中建立连接。
主要有两种应用 <a> 标签的方法:
- 根据使用 href 特性 – 建立偏向另一个文档链接
- 根据使用 name 特性 – 建立文档里的便签
HTML 连接词法
连接的 HTML 编码非常简单。它类似那样:
<a href=\"url\">Link text</a>
href 特性要求连接的总体目标。
逐渐标识和完毕标识中间的句子被认为是超链接来表明。
案例
<a href=\"http://www.baidu.com/\">baidu</a>
上边这方面编码显示的是:baidu
点击这一超链接会把客户送到 baidu 的主页。
提醒:”连接文字” 无须一定是文字。照片或其它 HTML 原素都能成为连接。
HTML 连接 – target 特性
应用 Target 特性,你能界定被连接的文档在何处表明。
下边的这公会在新窗口开启文档:
<a href=\"http://www.baidu.com/\" target=\"_blank\">baidu</a>
HTML 连接 – name 特性
name 特性要求锚的名字。
大家可以应用 name 特性建立 HTML 页面上的便签。
便签不容易以任何特殊方式表明,它对于阅读者是不可见的。
当应用取名锚时,我们能建立立即跳至该取名锚(例如页面上某一小标题)链接,那样使用人就不需要不断地翻转网页页面来获取他需要的内容了。
取名锚的词法:
<a name=\"label\">锚(展示在页面中的文字)</a>
提醒:锚的名字能是一切你最喜欢的名称。
提醒:可以用 id 特性来代替 name 特性,取名锚相同合理。
案例
最先,大家在 HTML 文档上对锚开展取名(创建一个便签):
<a name=\"tips\">基本上需要注意的事项 - 有益的提醒</a>
随后,大家在同一个文档中建立偏向该锚链接:
<a href=\"#tips\">有益的提醒</a>
您还可以在别的页面上建立偏向该锚链接:
<a href=\"http://www.baidu.com.cn/html/html_links.asp#tips\">有益的提醒</a>
在后面的编码中,我们将要 # 标记和锚名字导入到 URL 的尾端,就能直接链接到 tips 这一取名锚了。
基本上需要注意的事项 – 有益的提醒:
注解:请始终将正斜线导入到子文件夹。假如这样撰写连接:href=”http://www.baidu.com/html”,便会向网络服务器造成2次 HTTP 要求。主要是因为网络服务器会加入正斜线到这个地址,随后建立一个新的要求,就像这样:href=”http://www.baidu.com/html/”。
提醒:取名锚常常用以在各类文档逐渐位上创建目录。能够为各章授予一个取名锚,并把链接到这种锚的连接放进文档的上端。如果你经常访问百科,你会看到在其中几乎所有的关键词都是采用这种导航方式。
提醒:倘若电脑浏览器找不着已界定的取名锚,这样就会精准定位到文档的顶部。也不会有不正确产生。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。