摘要：看个问题此时的值是什么呢带着这样的疑问，开始今天的话题的那些事。问题分析为什么会有这个问题呢上周在项目中，会对页面标签绑定些事件，会用到内容。总结写在最后，对于的事情还不完整，欢迎补充补充。
看个问题test,此时href的值是什么呢？带着这样的疑问，开始今天的话题‘href的那些事’。
问题分析为什么会有这个问题呢？
上周在项目中，msui会对页面a标签绑定些事件，会用到href内容。href=""这么写，就会一直报错。因为浏览器此时获取到的href的值当前页面绝对路径。此时就会导致msui内部一直报错。
w3c的定义
The href attribute on a and area elements must have a value that is a valid URL potentially surrounded by spaces.
Note：The href attribute on a and area elements is not required; when those elements do not have href attributes they do not create hyperlinks.
翻译过来大概的意思：
RULa和area标签上的href属性，必须是一个有效的RUI地址
a和area标签不一定有href属性，没有href就不会触发超链接的特点
w3c的定义
A string is a valid non-empty URL if it is a valid URL but it is not the empty string.
A string is a valid URL potentially surrounded by spaces if, after stripping leading and trailing whitespace from it, it is a valid URL.
A string is a valid non-empty URL potentially surrounded by spaces if, after stripping leading and trailing whitespace from it, it is a valid non-empty URL.
挺拗口的，翻译不出来了！
可以理解其中一点就是一个合法的URL不能为空。看来这个URL可以多带带做个专题学习了。
解决问题从href和URL上的定义就能很好的解决最开始的问题了。href=""这种写法是不合理的，浏览器自身会对此情况做些兼容，默认是页面的绝对地址了。
继续深挖hrefhref内容不仅仅只能是表现成链接，还有很多种用法。
锚点头部
这种方式经常用于定位。相信很多人都知道这种用法。
script我相信很多页面上有大量的这种代码。用href来执行脚本。
邮件发邮件给我tel电话
打电话给我sms信息
发信息给我
除此之外，还支持ftp,file等。
下载文件最后还有个技巧就是利用href来下载文件，这个是html5新增的。
最近有个需求，考虑通过前端来下载表格数据。
利用href和download属性。
这里只要将URL表现成数据格式"data:text/csv;charset=utf-8,ufeff"+表格数据。这个等完成之后，再写个详细点的教程。
总结写在最后，对于href的事情还不完整，欢迎补充补充。
原文地址http://xiaoqiang730730.github.io/2016/07/17/href%E9%82%A3%E4%BA%9B%E4%BA%8B/
文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/49948.html
摘要：标准模式的排版和运作模式都是以该浏览器支持的最高标准运行。搜索引擎的爬虫也依赖于标记来确定上下文和各个关键字的权重，有利于使阅读源代码的人更容易将网站分块，便于阅读，维护和理解。 HTML基础知识 meta标签 doctyp...
摘要：服务器生成的用以标识客户信息的一般被称为而通过一些手段获取其它用户的攻击就叫劫持设置一个搞掂了 cookie history cookie最初是由网景公司开发的,现在所有主要的浏览器都支持它. type cookie分为两种:会话cookie和持久cookie. 会话cookie是一种临时的cookie,它记录用户的访问站点的设置偏好.用户在退出浏览器就会被删除. 持久cookie是存...
摘要：服务器生成的用以标识客户信息的一般被称为而通过一些手段获取其它用户的攻击就叫劫持设置一个搞掂了 cookie history cookie最初是由网景公司开发的,现在所有主要的浏览器都支持它. type cookie分为两种:会话cookie和持久cookie. 会话cookie是一种临时的cookie,它记录用户的访问站点的设置偏好.用户在退出浏览器就会被删除. 持久cookie是存...
阅读 2201·2021-11-22 11:56
阅读 2647·2021-10-08 10:05
阅读 7772·2021-09-22 15:53
阅读 1910·2021-09-22 15:29
阅读 2234·2021-09-08 09:35
阅读 3354·2021-09-07 10:12
阅读 1379·2019-08-30 13:11
阅读 1968·2019-08-28 17:54
