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

<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标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 8,672评论 1 41
  • 国家电网公司企业标准(Q/GDW)- 面向对象的用电信息数据交换协议 - 报批稿:20170802 前言: 排版 ...
    庭说阅读 13,871评论 6 13
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,686评论 1 92
  • 1. iframe - 嵌套页面 MDN eg: frameborder 控制边框 2. a - 跳转页面(H...
    半斋阅读 3,736评论 0 2
  • 最近看到朋友发了一段特别有感触的话,想来和大家分享一下。他是这样说的:“以前想做一个叛逆的少年,但总觉得会对不起别...
    阿怪呀怪老头阅读 3,468评论 0 1