美文网首页
html中的a标签详解(笔记)

html中的a标签详解(笔记)

作者: 饥人谷_hak | 来源:发表于2017-03-11 16:29 被阅读124次

<a href="https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/a">点击进入MDN a元素</a>

href属性(hypertext reference)

href属性指定的值可以是以下几种路径

  • 相对路径

列如<a href="./www.xxx.com"></a>

  • 绝对路径

<a href="/www.xxx.com"></a>

  • 有协议路径

<a href="http://www.xxx.com"></a>
http协议
<a href="file:///xxxx/xxxxx/x.txt"></a>
file协议(如果你想访问x.txt,你当前协议是file协议才行)

  • 无协议路径

<a href="//xxx/xxxx/x.txt"></a>
这种情况下浏览器会以你的当前协议,给超链接加上协议。比如你当前是http协议,他就会请求http://xxx/xxxx/x.txt

  • javascipt: 伪协议

<a href="javascript:;"></a>
会进入空状态,由于这段只有;号的空代码,它什么也不会执行。(所以他的意思就是点击这个超链接什么也不做,如果有代码会执行代码)

  • 锚点(fragment)

<a href="#1"></a>
<p id="1">段落</p>
这时候你点击超链接就会寻找跳转到id值为1的p段落。

target属性

  • _self
    在本身的窗口进行跳转链接,<b>target的默认值就是_self</b>
  • _blank
    以一个新窗口打开链接
  • _parent
    以父窗口跳转链接(当前窗口有一个son window,它会让它的parent跳转链接)
  • _top
    让祖先跳转。(parent有一个son,son 有一个grandson,grandson的_top链接会以parent跳转链接)
  • target="name(随便取名)"
    这样就是自己给target取一个值,它就会寻找你取得这个name,如果跳转相同的值,会覆盖链接。
  • download顾名思义就是下载

相关文章

网友评论

      本文标题:html中的a标签详解(笔记)

      本文链接:https://www.haomeiwen.com/subject/jpnagttx.html