超链接
超链接可以让我们从一个页面跳转到其他页面,也可以跳转到当前页面的其他位置。
使用a标签来定义超链接。
超链接是一个行内元素,在a标签中可以嵌套除它自身外的任何元素。
href属性
href属性指定跳转的目标路径,值可以是一个外部网站的地址,也可以写一个内部页面的地址。
当跳转当前页面的其他位置时,herf的值也可以是#或#目标元素的id属性值。
跳转绝对路径
绝对路径就是文件的真正存在的路径,比如F:\学习\绝对路径页面.html;或者网上一些路径的引用,比如https://www.baidu.com/。
绝对路径跟当前页面的路径没有关系,在哪里都可以访问到绝对路径的地址。
跳转相对路径
当我们需要跳转一个服务器内部的页面时,一般我们都会使用相对路径,相对路径都会使用.(./)或…(…/)开头。
./(当前目录)
./可以省略不写,如果既不写./也不写…/,就相当于写了./。
./表示当前文件所在的目录。
./aa.html 和 aa.html 是一样的。
…/(上级目录)
…/表示当前文件所在目录的上一级目录。
跳转当前页面
可以直接将超链接的href属性设置为#,这样点击超链接以后,页面不会发生跳转,而是跳转到当前页面的顶部位置。
也可以跳转到页面的指定位置,只需要将href属性设置为 #目标元素的id属性值。
target属性
target属性,用来指定超链接打开的位置。可选值:
1、_self 默认值,在当前页面中打开超链接。
2、_blank 在一个新的页面中打开超链接。
id属性(唯一不重复的)
每一个标签都可以添加一个id属性。id属性就是元素的唯一标识,同一个页面中不能出现重复的id属性。
点击无响应的超链接
在开发中,可以将#作为超链接的路径的占位符使用,但是这样会导致超链接点击会跳转到页面顶部位置,所以还可以写成
<a href="javascript:;">这是一个点击没反应的超链接</a>
可以使用javascript:;来作为href的属性,此时点击这个超链接什么也不会发生。