此时元素按钮上不允许属性href

Question

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

任何解决方案？

感谢您的帮助。

Answer 1

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，或者您可以使用{{3}相反，<a>是一个有效的属性。

Answer 2

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

<a href="#carousel_fade_2">

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

Answer 3

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

href用于

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

或者你可以试试这个

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

希望这有助于：）