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>