У меня есть таблица с каждой строкой, которая объясняет что-то (команда ввода). В другом месте, я говорю из этого состояния с помощью этой команды ввода, вы идете в другое государство. Я хочу, чтобы связать 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) Установите атрибут id <tr>. <tr id="row2">...</tr>
ИЛИ
2) поместите элемент <a> внутри элемента <td>. Если вы поместите любой элемент внутри <table>, но не внутри <th> или <td>, он будет отображаться перед всей таблицей (попробуйте с любым элементом, браузер сделает все возможное, чтобы исправить недопустимый HTML)
Хотя я не интуитивно понятен для меня, но я положил <a name="row2"></a> в первый блок <td>, и он сработает!
<tr>
<td><a name="row2"></a></td>
<td>B</td>
<td>input B</td>
<tr>
Вы можете сделать строку привязки "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>
Если у вас есть стиль на вашем столе (границы, фон и т.д.), это может быть видно, но вы всегда можете стилизовать эти строки, как разделители, или замаскировать их.