Атрибут 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 с ним, или вы можете использовать <a> элемент вместо этого, для который href является допустимым атрибутом.

Answer 2

Кнопки используются для отправки бланков. Если вы хотите связать где-то, использовать якорь:

<a href="#carousel_fade_2"> 

Вы можете применить CSS, чтобы сделать его похожим на кнопку, если вам нравится.

Answer 3

href attricute не используется в элементе кнопки.

HREF используется в

<a href=""> LINKNAME </a>

или вы можете попробовать этот

<a href=""><button> текст кнопки </button></a>

надеюсь, что это помогает :)