HTML链接标签a标签

超链接

超链接：从一个网页链接到另一个网页

语法：<a href="http://www.baidu.com">百度</a>

a标签的常用属性：

href

target:指定在哪里打开目标页面。默认值：_self，在当前窗口中打开目标页面；_blank 在新窗口中打开目标页面；_parent 把文档载入父窗口或

超链接四种状态

未被访问的链接，link状态：默认文字颜色为蓝色，且有下划线。

被访问过的链接，visited状态：默认文字颜色为紫色，且有下划线。

鼠标移动到链接上的状态，hover状态：有下划线，鼠标变为手型。

正在点击链接的状态，activer状态：文字颜色变为红色。

这四种状态，其实没有什么作用，在实际开发中都会通过css进行重置。

绝对路径

带有域名完整路径，主要用来链接外部资源

相对路径

1.以当前文档所在的目录作为参考

2.在本目录中，即当前目录

3.当前文档和目标文档不在同一个目录。一个../表示返回上一层目录，要返回多级使用多个../组合

ID属性

属性是帮助标签实现功能使用，标准属性：几乎所有元素都可以使用的属性；特殊属性：元素特有的属性

ID属性：

1.是元素唯一标识

2.同一页面中不能有相同id

3.同一页面中，不同元素有相同id也不行

例：<a id="aid">例子</a>

CLASS属性

class属性特点：

1.相同的元素，不同的元素可以有相同的类名

2.同一个元素可以有多个类名，用空格隔开

3.主要用来选择一堆元素，定义样式

4.规定类名时，类名不能以数字开头

Title和style属性

title属性属于标准属性，规定元素的额外信息，当鼠标移动到元素上时，显示提示文字。

style属性也属于标准属性，规定元素的行业样式，style设置的样式会覆盖其他方式设置的样式。可以设置多个值。

自定义属性

用于存储页面或应用程序的私有属性

data-*属性包括两部分：*表示自定义的属性名，在data-之后必须包含至少1个字符；属性值可以是任何字符串。此属性在微信小程序中用得多。

自己定义属性名称，属性值

定义属性用的不多

鼠标移动到元素上时显示文字

文件下载

基本语法：<a href="download file uri" >文件下载</a>

<a href="download file uri" download="图片下载名称" >图片下载</a>

download属性的作用指定下载文件的名称，不添加download属性时，不能识别文件可以直接下载，当识别文件时，在浏览器窗口显示。当添加download属性时，浏览器将会直接下载。

锚链接和空连接

1.当网页内容太长，需要跳转到具体位置时，我们可以使用锚链接

当前页内跳转：

<a href="#one">要跳转的位置</a>

<p id="one">跳转到的位置</p>

跳转到其他页面指定位置：

用a标签中的href属性指定目标页面的路径+指定位置

<a href="url#one">要跳转的位置</a>

<p id="one">跳转到的位置</p>

空连接

<a href="#">返回顶部</a>