!DOCTYPE htmlhtmlheadmeta charset=UTF-8title/title/headbody!--a:锚点href:连接资源target:打开方式_self:当前窗口打开(默认)_blank:独立窗口打开原理:a标签的原理:1.a标签的href属性...
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--
a:锚点
href:连接资源
target:打开方式
_self:当前窗口打开(默认)
_blank:独立窗口打开
原理:a标签的原理:
1.a标签的href属性值如果是以http开头的,那么浏览器会马上启动http解释器去解释该网址,首先
会在本地机器去找一个hosts文件, 如果在hosts文件上该域名没有对应的主机,那么浏览器就去到对应的
dns服务器去寻找该域名对应的主机号。如果找到了对应的主机,那么该请求就会发给对应的主机。
2. 如果a标签的href属性值没有以任何协议开头,那么浏览就会启动file协议解释器去解释该资源路径。
3. 如果a标签的href属性值并不是以http开始,而且其他 的一些协议,那么这时候浏览器就回去到我们本地的注册
表中去查找是否有处理这种协议 的应用程序,如果有,那么马上启动该应用程序处理该协议。
-->
<a name="top"></a>
<a href="1.html入门.html" target="_self">html入门</a>
<a href="http://www.baidu.com" target="_blank">百度</a>
<a href="6.滚动标签.html" target="abc">中国移动</a>
<a href="http://www.baidu.com" target="abc">百度2</a>
<a href="mailTo:1234@.com">邮箱1234@.com</a>
<a href="thunder:扫毒2高清下载.mp4">扫毒2高清下载</a> 我们正在学习a标签
<br/><br/><br/><br/><br/><br/><br/> 我们正在学习a标签
<br/><br/><br/><br/><br/><br/><br/> 我们正在学习a标签
<br/><br/><br/><br/><br/><br/><br/> 我们正在学习a标签
<br/><br/><br/><br/><br/><br/><br/> 我们正在学习a标签
<br/><br/><br/><br/><br/><br/><br/>
<a href="#top">回到顶部</a>
<a href="#top"><img src="img/2.jpg"></a>
</body>
</html>
沃梦达教程
本文标题为:5.超链接.html补
基础教程推荐
猜你喜欢
- CSS3的几个标签速记(推荐) 2024-04-07
- this[] 指的是什么内容 讨论 2023-11-30
- Ajax实现动态加载数据 2023-02-01
- 浅析canvas元素的html尺寸和css尺寸对元素视觉的影响 2024-04-26
- 关于文字内容过长,导致文本内容超出html 标签宽度的解决方法之自动换行 2023-10-28
- js禁止页面刷新与后退的方法 2024-01-08
- JS前端广告拦截实现原理解析 2024-04-22
- vue离线环境如何安装脚手架vue-cli 2025-01-19
- 基于Vue制作组织架构树组件 2024-04-08
- 浅谈Vue2和Vue3的数据响应 2023-10-08
