a元素
超链接元素,href属性中指定的网址如果不是以https或者http开头的,那么都是一个相对网址,他的绝对路径目录是当前网址的绝对路径的目录部分
href – hyper(超级的) reference(引用) – 跳转地址,他可以跳转如下几个位置:
target – 表示跳转窗口位置
跳转网址:<a href="www.baidu.com">百度</a>
路径的写法
站内资源和站外资源
站内资源:当前网站的资源
站外资源:非当前网站的资源
绝对路径和相对路径
相对路径的相对是相对当前打开网页的目录,而不是nginx配置的目录
绝对路径书写格式:协议名称://主机名:端口/路径
协议名称:https,http,file(本地文件)
主机名:域名、IP
端口:就是端口,有些时候会看到只有主机名没有端口,那是因为端口省略了,省略的端口根据不同协议有不同的默认端口号:如https的默认端口号为443;http的默认端口号为80。
路径:就是主机的绝对路径,如果使用了nginx服务器,由于nginx服务器会对路径进行处理,因此网址的路径就变成了nginx设置的目录下的一个相对路径。
href
跳转本页锚点
id:是个全局属性,标识元素在文档中的唯一编号,要唯一
<a href="#part1">章节1</a><h2 id="part1">章节1</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi aperiam beatae dolor dolorem esse, harum illoincidunt laboriosam numquam porro quae reiciendis repellat reprehenderit rerum saepe similique tempore velitveniam.</p>
跳转其他页面的某个锚点
<a href="a_sub_example.php#part1">章节1</a>
回到顶部
当href只有一个#,没有指定id的时候,那么就是回到顶部
<a href="#">回到顶部</a>
功能链接
点击后出发某个功能
-
执行JS代码
<a href="javascript:alert('你好')">弹出你好</a>
-
发送邮件,这个要求计算机安装有邮件发送软件
<a href="mailto:xxx@163.com">发送邮件</a>
-
拨号,要求计算机安装有拨号软件,或使用移动端
<a href="tel:xxxxxxxxxxx">拨号</a>
target
表示跳转窗口位置
<a href="a_sub_example.php" target="_blank">在另外一个窗口上打开目标页面</a>
<a href="a_sub_example.php" target="_self">在本窗口上直接打开目标页面,默认方式</a>
title
提示信息,鼠标移动上去就显示提示
<a href="a_sub_example.php" target="_blank" title="title info">在另外一个窗口上打开目标页面</a>