超链接a标签小结 _Web前端

超链接a标签总结

? ? ? ? 参考:http://w3school.com.cn/html/html_links.asp

? ? ? ? ?HTML链接语法通常的链接语法如下所示:

? ? ? ??<a name="" href="" target="">超链接</a>

? ? ? ? 这里面的name属性除了可表示HTML元素本身均有的名称属性外，还表示一种特殊的含义:锚，表示文档内的链接

? ? ? ? 而href通常表示指向另一个文档的链接，即使另一个文档和当前文档是同一个页面。

? ? ? ? 当使用锚的时候，我们就可以直接跳至页面中某个节的链接，这样使用者就无须滚动页面去寻找信息，当指定锚在当前页面寻找不到的时候，会回到页面的顶端，不会报任何错。

? ? ? ? 代码示例如下所示:

? ? ? ??<!DOCTYPE html>

? ? ? ? ?<html>

<head>
<meta charset="UTF-8">
</head>
<body>
	<div style="margin-top:300px;margin-bottom: 800px;">
		<a name="tips">The Useful Tips Section</a>
	</div>
	<div>
		<a href="#tips">visit the useful tips section</a><br/>
		<a href="./testHref.html#tips">visit the useful tips section by html tips</a>
	</div>	
</body>
</html>

? ? ? ? 注意:如果使用href链接的时候，务必将正斜杠/添加到链接末尾，否则的话服务器会创建两次HTTP请求，第一次添加正斜杠到这个请求的结尾，第二次请求添加正斜杠后的URL地址。