HTML 11 超链接

HTML 11 超链接

1.超链接可以是一个字，一个词，一段话，或 一幅图像，当点击这些内容时，跳转到本文档或其他文档相对应的地方。当将鼠标移动到链接上时，鼠标箭头会变成小手。

2.HTML超链接的属性href，规定链接的目标。

格式：<a href=“地址”>链接标实</a>

例如：<a href=“http://www.w3school.com.cn/”>链接到W3C网站</a>

结果：链接到W3C网站，当点击时会链接到http://www.w3school.com.cn

注：在标签<a> 中使用了href属性来描述链接的地址。

默认情况下，链接将以以下形式出现在浏览器中：

一个未访问过的链接显示为蓝色字体并带有下划线。

访问过的链接显示为紫色并带有下划线。

点击链接时，链接显示为红色并带有下划线。

如果为这些超链接设置了 CSS 样式，展示样式会根据 CSS 的设定而显示。

3.HTML超链接的属性target，规定目标显示在何处，在本页显示_self，还是新窗口打开_blank。

例如：<a href=“http://www.w3school.com.cn/” target=“_blank”>链接到W3C网站</a>

结果：在新窗口显示。

4.用id作为地址

<h1 id=“tip”>顶部</a>

<a href=“#tip”>返回顶部</a>

或者不在同一个页面

<a href=“http://www.w3school.com.cn/html/html_links.asp#tip”>通向第一章的链接</a>

注1：请始终将正斜杠添加到子文件夹。假如这样书写链接：href="http://www.w3school.com.cn/html"，就会向服务器产生两次 HTTP 请求。这是因为服务器会添加正斜杠到这个地址，然后创建一个新的请求，就像这样：href="http://www.w3school.com.cn/html/"。

我的理解：网站就相当于一个文件夹，这个文件夹的名称就是网址，这个文件夹里还有不同的文件夹，比如W3C网站里就有html文件夹，css文件夹，JavaScript文件夹，而在往下，html文件夹里有文件html_links.asp，html_basic.asp，html_styles.asp等，当然在文件html_links.asp里还有通向其他地方的链接，就好像是快捷方式一样。

注2：假如浏览器找不到已定义的命名锚，那么就会定位到文档的顶端。不会有错误发生。

 

5.空链接  <a href=“#”>空链接</a>

6.当链接是文件或压缩包时，会下载这个文件  

<a href=“报名表.zip”>下载报名表</a>

<a href="报名表.pdf">下载报名表</a>