Tôi làm cách nào để đặt tên liên kết cho hàng bảng html?

Question

Tôi có một bảng với mỗi hàng giải thích một cái gì đó (một lệnh đầu vào). Ở một nơi khác, tôi đang nói từ trạng thái này với lệnh đầu vào đó, bạn đi đến trạng thái khác. Điều tôi muốn làm là liên kết that input command với hàng thích hợp của bảng. Hãy tưởng tượng một cái gì đó như thế này:

...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> 

Như bạn thấy đấy, tôi đã cố gắng đặt một <a name="row2"></a> trong khối <tr> nhưng điều đó không làm việc (nó đưa tôi đến đầu bảng)

phải là những gì tôi muốn làm gì có thể?

Answer 1

Bạn làm một trong hai điều:

1) Thiết lập các thuộc tính id của <tr>. <tr id="row2">...</tr>

HOẶC

2) đưa các yếu tố <a> bên trong phần tử <td>. Nếu bạn đặt bất kỳ phần tử nào bên trong một <table> nhưng không nằm trong một số <th> hoặc <td>, nó sẽ được hiển thị trước toàn bộ bảng (thử với bất kỳ phần tử nào, trình duyệt sẽ cố gắng hết sức để sửa HTML không hợp lệ)

Answer 2

Mặc dù không trực quan đối với tôi, nhưng tôi đặt <a name="row2"></a> bên trong khối <td> đầu tiên và nó đã hoạt động!

Answer 3

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

Answer 4

Bạn có thể làm hàng neo "giả":

<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> 

Nếu bạn có kiểu dáng trên bảng của bạn, bạn luôn có thể tạo kiểu cho các hàng này như dấu tách hoặc ngụy trang chúng.