<a>标签
我们在 语义标签 (了解)里提到过 a 标签是 行内元素(并举例了他的特殊性)下面我们介绍一下他的其他特性
<a>标签定义超链接,a 是 anchor 的缩写。用于从一个页面链接到另一个页面。<a>元素最重要的属性是 href属性,它指定链接的目标。
<a href="https://www.example.com">链接</a>
浏览器为了区分链接的不同状态(如未访问、已访问、悬停和激活)会给a标签设置成不同的颜色。默认情况下:没被点击为蓝色,点击时为红色,点击后为梅紫色
download 属性是HTML5中新增的 <a> 标签属性。download
属性只是指示浏览器将链接的目标资源下载到本地,而不是在浏览器中打开。它本质上改变了浏览器的默认行为。但是他不支持跨域。如果不是部署到网站上的html,标签失效。如果是部署到网站上,链接的不是本网站的资源,也会失效
<a href="/images/logo.png" download="logo.png">
target 属性的 4 种值
1、_self: 在当前窗口中打开链接(默认就是这个模式,无需写上了)。
<a href="https://www.example.com" target="_self">链接</a>
适用于在同一窗口中打开链接,不需要新开标签或窗口的情况。
2、_blank: 在新的窗口或标签页中打开链接。
<a href="https://www.example.com" target="_blank">链接</a>
适用于需要在新标签页或新窗口中打开链接,保留原页面的浏览,并让用户保持在跳转的最新页面的情况。其实,我们打开百度搜索并点开一条信息,也是新开了一个窗口,也是使用这种方式。
3、_parent:和 _top:
这 2 者,都适用于嵌套框架 <iframe>标签 中的情况。
_parent: 是在父窗口中打开链接。_top: 是在最顶层的窗口中打开链接,适用于嵌套框架 <iframe>标签 中的情况,忽略所有嵌套的框架。
4、a标签与iframe结合起来 1.给iframe设置name属性 2.将a标签的target设置为iframe的name属性
锚点
通过使用name(或id)属性来设置锚点,(a标签id和name属性都支持,其它标签如div,需要使用id属性)示例代码如下:
1. <a href="#anchor">链接</a>
2. <div>
3. <p&