You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.20 11:53:16