2011-09-23 3 views
14

각 행에 뭔가 설명하는 테이블이 있습니다 (입력 명령). 다른 곳에서는이 상태에서 입력 명령을 받았다고 말하면서 다른 상태로 이동합니다. 내가 원하는 것은 that input command을 테이블의 적절한 행에 연결하는 것입니다. 이 같은 상상 :html 테이블 행에 링크 이름을 지정하려면 어떻게해야합니까?

은 무엇인가

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

(이 테이블의 상단에 저를 제공합니다) 당신이, 내가 <tr> 블록에 <a name="row2"></a> 퍼팅 시도 볼 수 있지만 문제가 해결되지 않은 것처럼를 I 가능하길 원하니?

답변

22

당신은 두 가지 중 하나를 수행합니다

1)이 <tr>의 id 속성을 설정합니다. <tr id="row2">...</tr>

OR

2)는 <td> 요소 내에 넣을 <a> 소자. 당신이 <table> 내부 아니지만 <th> 또는 <td> 내부의 요소를 넣어 경우가 전체 테이블 전에 렌더링거야

+0

첫 번째 방법은 완벽하게 작동했습니다. 빠른 질문, 어떤 태그에'id'를 넣는다면 항상 그 위치에 앵커를 만드나요? 아니면'tr'을 사용하는 것입니까? – Shahbaz

+3

모든 요소의 ID를 앵커로 사용할 수 있습니다. 나는 그것이 HTML 4.01과 함께 들어갔고, 나는 ''을 사용하는 것이 HTML5에서 쓸모없는 것으로 표시되었다고 생각한다. (http://www.w3.org/TR/html4/struct/links.html#h-12.2.3 및 http://www.w3.org/TR/html5/obsolete.html) –

+0

첫 번째 기술 작동 아주! 두 번째 기법은 일부 테이블 상자의 꼭대기가 나타나지 않을 수 있습니다. 특히 높이가 다른 경우와 앵커가 가장 큰 상자의 맨 위에 있지 않은 경우에 특히 그렇습니다. – PhilHarvey

1

내게 비 직관적이지만, <td> 블록 안에 <a name="row2"></a>을 넣으면 효과가 있습니다!

+0

은 (또는 인 경우 ) 이외의 값을 포함하지 않습니다. 기본적으로 이외의 다른 입력란은 무시됩니다. 요소에만 물건을 넣을 수 있습니다. – evan

+0

이 방법이 효과적이지만 문제는 행의 맨 위 대신 해당 셀의 텍스트 맨 위로 연결됩니다. 따라서 여러 줄의 텍스트가있는 셀이 있고 모든 셀이 세로 가운데에있는 경우, 더 큰 셀의 라인의 거의 절반이 보이지 않는 곳에는 너무 멀리 걸립니다. – Shahbaz

1

당신이 할 수있는 (모든 요소와 그것을 시도, 브라우저는 잘못된 HTML를 해결하기 위해 최선 않습니다) "더미"앵커 행 : 당신이 당신의 테이블 (테두리, 배경 등)에 스타일이있는 경우

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

이 볼 수 있습니다,하지만 당신은 항상 분리와 같은 이러한 행의 스타일을하거나 위장 할 수있다.

관련 문제