HTML校验报错:a元素不允许使用src属性,该如何修复?
解决HTML验证报错:
<a>标签不能用src属性 嘿,这个问题其实很好解决,咱们一步步来:
为啥会报错?
HTML的规则里,<a>(也就是链接标签)根本就不支持src属性——这个属性是给<img>、<script>那种需要加载外部资源的元素用的。你给<a>加了src="sdkTesting",直接违反了规范,所以验证器才会跳出来报错。
怎么修复?
有两个简单的办法,看你需求选:
直接删掉
src属性(推荐)
如果你这个src是不小心加上的,或者Facebook分享功能根本不需要它,直接删掉就完事了。修正后的代码是这样:<a class="fb-xfbml-parse-ignore" target="_blank" href='https://www.facebook.com/sharer/sharer.php?u=https://testingsite.com/j8h' title="Facebook">毕竟Facebook的分享链接只需要
href里的参数指定要分享的地址,完全不需要额外的src属性。换成自定义
data-*属性(如果真的要传数据)
要是你确实需要给这个链接加个自定义标识或者数据,HTML允许用data-开头的属性,比如把src改成data-src:<a class="fb-xfbml-parse-ignore" target="_blank" href='https://www.facebook.com/sharer/sharer.php?u=https://testingsite.com/j8h' data-src="sdkTesting" title="Facebook">这样既符合规范不会报错,也能保留你要的信息。不过话说回来,Facebook官方没提过要这个属性的话,其实完全没必要加,多此一举嘛。
补充一句
不管是用Facebook的sharer链接还是官方SDK做分享,<a>标签里都不需要src属性,所以优先选第一个办法,删了就搞定验证错误啦。
内容的提问来源于stack exchange,提问作者rams
相关产品推荐
相关产品推荐

