超链接a标签总结

最新推荐文章于 2023-02-26 16:37:21 发布

bestchenwu123

最新推荐文章于 2023-02-26 16:37:21 发布

阅读量132

点赞数

分类专栏： HTML 文章标签： HTML 超链接标签

本文链接：https://blog.csdn.net/bestchenwu123/article/details/84187263

版权

HTML 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

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

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

这里面的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地址。

bestchenwu123

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
超链接a标签总结

参考:http://w3school.com.cn/html/html_links.asp HTML链接语法通常的链接语法如下所示: &lt;a name="" href="" target=""&gt;超链接&lt;/a&gt; 这里面的name属性除了可表示HTML元素本身均有的名称属性外，还表示一种特殊的含义...
复制链接

扫一扫

专栏目录