前言

相信你已经非常熟悉这个超链接标签，但有些细节也许你还不是很清楚。

基本语法

  • 指向连接的网址，实现页面跳转（窗口打开连接或者定位页面位置）
    <a href="#" target="_self"></a>
  • 属性说明
    • href 的值可以为相对页面地址也可以为绝对页面地址；也可以为锚点#name.也可以跳转到某个页面的锚点位置。
    • target用于指定页面跳转方向，_self自身跳转(默认值，可以不写)，_parent父窗口跳转，_top顶层窗口跳转，—blank新窗口，也可以为某个iframe 的名称(name指定值)框架。
  • download（h5）新增指定下载的超链接目标名称，对应的href为文件地址。

  • 伪类样式，基于连接的各个状态都可以指定样式效果。
    a:link {color: #FF0000} / 未访问的链接 /
    a:visited {color: #00FF00} /     已访问的链接 /
    a:hover {color: #FF00FF} /     鼠标移动到链接上 /
    a:active {color: #0000FF} /     选定的链接     /

    锚点定位

  • 可以指定页面通过a链接实现锚点定位，匹配的为name值，使用很广。也出现了很多类似效果的插件，比如滚动定位等。