<a>超文本标签
原创
©著作权归作者所有:来自51CTO博客作者请叫我木丁西的原创作品,请联系作者获取转载授权,否则将追究法律责任
<a> 标签定义超链接,它用于从一个页面连接到另一个页面。
<a>标签常用属性:
href :链接的目标 URL。
target :在何处打开目标 URL。仅在 href 属性存在时使用。
-blank 在独立的窗口上打开新资源
-self 在当前窗口打开
file: file协议(文件协议)这种协议主要是用于搜索本地机器的资源文件的。
格式:
file:///文件路径 例如:file:///f:/flash/1.swf
邮件的协议:mailTo
迅雷的协议:thunder
<a>标签的原理:
1. a标签的href属性值如果是以http开头的,那么浏览器会马上启动http解析器去解析该网址,首先会在本地机器(C:\Windows\System32\drivers\etc\hosts)上找一个hosts文件,如果在hosts文件上该域名没有对应的主机,那么浏览器就去对应的dns服务器上寻找该域名对应的主机号。如果找到了对应的主机,那么该请求就会发给对应的主机。
2.如果a标签的href属性值没有以任何协议开头,那么浏览器就会启动file协议解析器去解析该资源路径。
3.如果a标签的href属性值并不是以http或者其它协议开头,那么这时候浏览器就会到本地的注册表中查找是否有处理这种协议的应用程序,如果有那么马上启动该应用程序处理该协议。
超链接标签的作用:
1.可以用于链接资源。
2.锚点定为。
1.首先写一个锚点,通过使用 name 或 id 属性,创建一个文档内部的书签(也就是说,可以创建指向文档片段的链接)。
锚点格式: <a id="锚点名字">文本</a> 或者 <a name="锚点名字">文本</a>
2.使用a标签的href属性链接到锚点处。 href="#锚点名字
<!--
<a> 标签定义超链接,它用于从一个页面连接到另一个页面。
<a>标签常用属性:
href :链接的目标 URL。
target :在何处打开目标 URL。仅在 href 属性存在时使用。
-blank 在独立的窗口上打开新资源
-self 在当前窗口打开
file: file协议(文件协议)这种协议主要是用于搜索本地机器的资源文件的。
格式:
file:///文件路径 例如:file:///f:/flash/1.swf
邮件的协议:mailTo
迅雷的协议:thunder
<a>标签的原理:
1. a标签的href属性值如果是以http开头的,那么浏览器会马上启动http解析器去解析该网址,首先会在本地机器(C:\Windows\System32\drivers\etc\hosts)上找一个hosts文件,如果在hosts文件上该域名没有对应的主机,那么浏览器就去对应的dns服务器上寻找该域名对应的主机号。如果找到了对应的主机,那么该请求就会发给对应的主机。
2.如果a标签的href属性值没有以任何协议开头,那么浏览器就会启动file协议解析器去解析该资源路径。
3.如果a标签的href属性值并不是以http或者其它协议开头,那么这时候浏览器就会到本地的注册表中查找是否有处理这种协议的应用程序,如果有那么马上启动该应用程序处理该协议。
超链接标签的作用:
1.可以用于链接资源。
2.锚点定为。
1.首先写一个锚点,通过使用 name 或 id 属性,创建一个文档内部的书签(也就是说,可以创建指向文档片段的链接)。
锚点格式: <a id="锚点名字">文本</a> 或者 <a name="锚点名字">文本</a>
2.使用a标签的href属性链接到锚点处。 href="#锚点名字"
-->
<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>超链接标签</title>
<meta name="keywords" content="关键词,关键词"/>
<meta name="description" content="描述"/>
</head>
<body>
<a href="file:///F:\test/Demo3.html">file协议</a>
<a href="http://www.baidu.com" target="_blank">百度????</a>
<a href="Demo3.html" target="_self">demo3</a>
<br/>
发送邮件到:<a href="mailTo:1012421396@qq.com">1012421396@qq.com</a>
<a href="thunder://寒战2.avi">寒战2</a>
<a id="top">顶部</a>
<hr/>
内容填充。。内容填充。。内容填充。。内容填充。。内容填充。。内容填充。。内容填充。。内容填充。。。。。。。。。。。。。。。。。。。。。。。。。
<hr/>
<a href="#top">回到顶部(锚点定位)</a>
<a></a>
</body>
</html>