我的按钮和 W3C 验证有问题;我的代码:
<button class="carousel-control left m-btn icn-only" href="#carousel_fade_2" data-slide="prev"><i class="icon-chevron-left"></i></button>
错误 w3c:此时元素按钮上不允许使用属性 href。
有什么解决办法吗?
感谢您的帮助。
我的按钮和 W3C 验证有问题;我的代码:
<button class="carousel-control left m-btn icn-only" href="#carousel_fade_2" data-slide="prev"><i class="icon-chevron-left"></i></button>
错误 w3c:此时元素按钮上不允许使用属性 href。
有什么解决办法吗?
感谢您的帮助。
href
不是<button>
元素的有效属性。data-*
如果您想将该值与按钮一起保留,一种有效的方法是使用属性。例如:
<button
class="carousel-control left m-btn icn-only"
data-href="#carousel_fade_2"
data-slide="prev">
如果您希望浏览器在单击按钮时转到某个锚点,您可以使用 JavaScript 获取该data-href
值并window.location.href
使用它进行更新,或者您可以使用一个<a>
元素来代替,它href
是一个有效的属性。
按钮用于提交表单。如果你想在某处链接,请使用锚点:
<a href="#carousel_fade_2">
如果您愿意,可以应用 CSS 使其看起来像一个按钮。
按钮元素中不使用 href 属性。
href 用于
<a href="">
链接名称</a>
或者你可以试试这个
<a href=""><button>
按钮文字</button></a>
希望这可以帮助 :)