Как мне указать имя ссылки в строке таблицы html?

У меня есть таблица с каждой строкой, которая объясняет что-то (команда ввода). В другом месте, я говорю из этого состояния с помощью этой команды ввода, вы идете в другое государство. Я хочу, чтобы связать that input command с соответствующей строкой таблицы. Представьте себе что-то вроде этого:

...link to row number <a href="#row2">2</a>...

<table ...>
    <tr>
        <td>command</td>
        <td>description</td>
    <tr>
    <tr>
        <a name="row1"></a>
        <td>A</td>
        <td>input A</td>
    <tr>
    <tr>
        <a name="row2"></a>
        <td>B</td>
        <td>input B</td>
    <tr>
</table>

Как вы можете видеть, я попытался поместить <a name="row2"></a> в блок <tr>, но это не сработало (оно приводит меня в начало таблицы).

Я хочу сделать это?

Ответ 1

Вы делаете одну из двух вещей:

1) Установите атрибут id <tr>. <tr id="row2">...</tr>

ИЛИ

2) поместите элемент <a> внутри элемента <td>. Если вы поместите любой элемент внутри <table>, но не внутри <th> или <td>, он будет отображаться перед всей таблицей (попробуйте с любым элементом, браузер сделает все возможное, чтобы исправить недопустимый HTML)

Ответ 2

Хотя я не интуитивно понятен для меня, но я положил <a name="row2"></a> в первый блок <td>, и он сработает!

Ответ 3

<tr>
    <td><a name="row2"></a></td>
    <td>B</td>
    <td>input B</td>
<tr>

Ответ 4

Вы можете сделать строку привязки "dummy":

<table ...>
    <tr>
        <td>command</td>
        <td>description</td>
    <tr>
    <tr>
        <td colspan="2" style="height: 1px;"><a name="row1"></a></td>
    <tr>
    <tr>
        <td>A</td>
        <td>input A</td>
    <tr>
    <tr>
        <td colspan="2" style="height: 1px;"><a name="row2"></a></td>
    <tr>
    <tr>
        <td>B</td>
        <td>input B</td>
    <tr>
</table>

Если у вас есть стиль на вашем столе (границы, фон и т.д.), это может быть видно, но вы всегда можете стилизовать эти строки, как разделители, или замаскировать их.