美文网首页
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