Html（二）超链接

最新推荐文章于 2022-12-21 21:43:37 发布

午夜零时

最新推荐文章于 2022-12-21 21:43:37 发布

阅读量567

点赞数

分类专栏：前端之旅文章标签： html

本文链接：https://blog.csdn.net/qq_55796594/article/details/123687368

版权

5 篇文章 0 订阅

订阅专栏

1.介绍

HTML使用标签 <a>来设置超文本链接。

超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

当您把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。

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

语法：<a herf="url">Link text</ a>

属性	值	描述
href	url	规定链接指向的网址，可以是任何有效文档的相对或绝对路径
rel	text	规定当前文档与被链接文档之间的关系
target	_blank _parent _self _top framename	在新窗口打开被链接窗口默认值。在当前窗口打开被链接窗口在父框架集中打开被链接窗口在整个窗口中打开被链接窗口在指定的框架中打开被链接窗口
type	MIME type	规定被链接文档的MIME类型
download	filename	规定被下载的超链接目标
hreflang	language_code	规定被链接文档的语言
media	media_query	规定被链接文档为何种媒介 / 设备优化的

在创建网页的过程中，默认情况下超链接在原来的浏览器窗口中打开，可以使用target属性控制打开窗口的位置。
语法：<a href="链接目标" target="目标窗口的打开方式">

	<body>
		<a href="http://www.baidu.com" target="_blank">百度</a>
	</body>

使用场景：

建立锚点：<a name="给锚点起名字"></ a>
[注]: 用id属性代替name属性同样有效

	<body>
		<a name="top"></a>
	</body>

链接到创建的锚点：<a href="# 给锚点起名字">一些提示</ a>

	<body>
		<a href="# top">回到顶部</a>
	</body>

跨网页的锚点链接：<a href="锚点所在的网页的路径# 给锚点起名字">提示</ a>

	<body>
		<a href="other.html# top">回到顶部</a>
	</body>

链接到外部网站时，经常使用http协议
语法：<a href="http://......">替代链接显示的文字信息</ a>

	<body>
		<a href="http://www.biadu.com">百度</a>
	</body>

除http协议，另一个经常使用的是E-mail链接。
语法：<a href="mailto:邮件地址">替代链接显示的文字信息</ a>

	<body>
		<a href="mailto:someone@example.com?subject=Hello%20again" target="_top">发送邮件</a>
	</body>

关注