1

我的按钮和 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。

有什么解决办法吗?

感谢您的帮助。

4

3 回答 3

9

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是一个有效的属性。

于 2013-09-16T08:57:19.340 回答
0

按钮用于提交表单。如果你想在某处链接,请使用锚点:

<a href="#carousel_fade_2">

如果您愿意,可以应用 CSS 使其看起来像一个按钮。

于 2013-09-16T08:59:00.817 回答
0

按钮元素中不使用 href 属性。

href 用于

<a href="">链接名称</a>

或者你可以试试这个

<a href=""><button>按钮文字</button></a>

希望这可以帮助 :)

于 2013-09-16T09:08:13.807 回答