테이블 대 ul/li

Question

나는 다른 방식으로 데이터를 표시하고 테이블에서 실제 데이터를 가져 와서 UL에 표시하는 방법을 모색하고 있습니다. 이것은 내가 마크 업과 함께 할 수있는 것에 더 큰 유연성을 준다.

그러나 내가 생각하는 것 중 하나가 있습니다. 어떻게 행 (또는이 경우에는 UL)을 클릭 가능하게 만드십니까? 내가 어떤 자바 스크립트를 사용하지 않으

그래서 내 첫번째 생각은 다음과 같이이었다 :

<div class="liTable"> 
<ul class="headerRow"> 
    <li class="cell col-1">title1</li> 
    <li class="cell col-2">title2</li> 
    <li class="cell col-3">title3</li> 
    <li class="cell col-3">title4</li> 
</ul> 
<a href=”myURL”> 
    <ul class="row"> 
     <li class="cell col-1">1</li> 
     <li class="cell col-2">2</li> 
     <li class="cell col-3">3</li> 
     <li class="cell col-3">4</li> 
    </ul> 
</a></div> 

하지만 UL의 내부 링크를 배치 할 수 없기 때문에이 마크 업이 불법입니다.

모범 사례에 대한 의견이나 제안이 있으십니까?

Answer 1

테이블 형식의 데이터를 테이블에 넣고 목록에 데이터를 입력하십시오.

당신은 어떤 요소가 태그에

onclick="location.href='http://www.example.com';" 

를 추가하여 URL을 불러 만들지 만, 이것에 대한 더 마우스 오른쪽 클릭 옵션이 없다는 것을 인식하고 당신이 그것을 만들기 위해 요소의 스타일을해야합니다 수

명백한 링크입니다. http://jsfiddle.net/WguUR/

---

을하지만 "A"이런을 테이블 필드의 내용을 둘러싸 충분하지 않을 것입니다 :

당신은 여기를 테스트 할 수 있습니다?

<table border="1"> 
    <tr> 
    <th>Month</th> 
    <th>Savings</th> 
    </tr> 
    <tr> 
    <td><a href="http://www.example.com">January</a></td> 
    <td>$100</td> 
    </tr> 
    <tr> 
    <td>February</td> 
    <td>$80</td> 
    </tr> 
</table>