Можно ли всраивать кнопки в таблицы?

Question

[demon trigger]

Можно ли в таблицу встраивать кнопки? В таблице идут названия тарифа и цена, а в 3 столбик хотелось бы сделать кнопку, которая будет переправлять на страницу оплаты(онлайн кассы).

Answer 1

[Владимир Коротенко]

Это общепринятая практика, так что не парьтесь. И да кнопки можно сделать иконками или ссылками

Comments

[Дмитрий Беляев]

И да кнопки можно сделать иконками или ссылками

нельзя
Кнопка должна быть кнопкой (тэг button) и никак иначе, внутрь конечно можно вставить иконку и стилизовать под этой дело кнопку, главное при этом не ломать фокус.
А вот ссылка, это то что куда-то ведет, притом куда ведет однозначно прописано в атрибуте href у ссылки, ссылка, которая никуда не ведет некорректная.

[Владимир Коротенко]

Дмитрий Беляев, почему она не может быть ссылкой?
https://www.w3schools.com/w3css/w3css_buttons.asp

или почему не может быть баттоном с кастомным data- аттрибутом или с id ?

[Дмитрий Беляев]

Владимир Коротенко, потому что использовать ссылку для того, что функционально является кнопкой некорректно. Люди не только мышкой/тачем по экрану елозят, а все остальные способы просмотра и навигации по сайту при этом ломаются.

[Владимир Коротенко]

Дмитрий Беляев, https://getbootstrap.com/docs/4.0/components/buttons/
When using button classes on a elements that are used to trigger in-page functionality (like collapsing content), rather than linking to new pages or sections within the current page, these links should be given a role="button" to appropriately convey their purpose to assistive technologies such as screen readers.

Answer 2

[xxvxx]

Да можно, вот пример

<style>
    .btn{
        padding: 10px;
        background-color: #000;
        color: #fff;
    }
</style>
<table>
    <tr>
        <td>названия тарифа</td>
        <td>цена</td>
        <td><a class="btn" href="/">кнопка</a></td>
    </tr>
</table>

или так

<button onclick="window.location.href = 'https://w3docs.com';">Click Here</button>

Comments

[Дмитрий Беляев]

<a class="btn" href="/">кнопка</a>

это не кнопка, это ссылка на корень сайта...

[xxvxx]

Дмитрий Беляев, "Это пример

[Владимир Коротенко]

Александр,
https://getbootstrap.com/docs/4.0/components/buttons/

When using button classes on <a> elements that are used 
to trigger in-page functionality (like collapsing content), rather than linking to
 new pages or sections within the current page, these links should be given a
 role="button" to appropriately convey their purpose to 
assistive technologies such as screen readers.