빵 부스러기를 만들 때 어떤 의미 론적 HTML 마크 업을 사용해야합니까?

Question

빵 부스러기를 만들 때 의미있는 HTML 태그를 사용해야합니까? 이제

<ul id="navigation">    
    <li><%= Html.ActionLink("Home", "Index", "Home") %></li> 
    <li><%= Html.ActionLink("Contacts", "Index", "Contacts") %></li> 
</ul> 

, 문제는, 내가 무엇을 사용해야 태그 모르는 나는 메뉴 아래에 빵 부스러기를 넣어하기로 결정 :이 목록이기 때문에 나는 정렬되지 않은 목록을 사용하여 생성 된 메뉴 표시 줄이 . 최대한 많은 의미있는 태그를 사용하고 싶습니다. 제발 도와주세요 ...

Answer 1

정렬 된 목록이나 단락 태그를 사용하지 않으려는 경우 항상 중첩 목록을 사용하여 해당 위치의 계층 적 특성을 의미 적으로 나타낼 수 있습니다.

다음의 예는 마크 뉴 하우스의 A List Apart article entitled "CSS Design: Taming Lists."

<div id="bread"> 
<ul> 
    <li class="first">Home 
    <ul> 
    <li>&#187; Products 
    <ul> 
     <li>&#187; Computers 
     <ul> 
      <li>&#187; Software</li> 
     </ul> 
     </li> 
    </ul></li> 
    </ul></li> 
</ul> 
</div> 

Answer 2

빵 부스러기에 정렬되지 않은 목록을 사용하는 것이 제게는 합당한 것 같습니다. 모든 응용 프로그램 특정 구조에 대해 항상 명명 된 태그가있는 것은 아니며 이후에 breadcrumbs 목록을 표시하고 있습니다.

css를 사용하면 빵 부스러기를 원하는대로 표시 할 수 있습니다.

Answer 3

빵 부스러기를 마크 업하는 데는 여러 가지 방법이 있습니다. 목록은 괜찮습니다. 은 특정 순서로 된 링크 목록이기 때문에 순서가 지정된 목록은 이동 경로에 더 적합합니다.

목록을 사용하지 않으려는 경우 대신 div에 링크 집합으로 남겨 둘 수 있습니다. HTML5를 사용하는 경우 nav 요소에 넣을 수 있습니다.

마지막으로 HTML5 spec은 특정 페이지로 이동하는 방법에 대한 방향 단락으로 읽을 수 있기 때문에 p 요소를 사용하는 것이 좋습니다.

Answer 4

이전 게시물에서 유래하지만, 검색에 높은 와서 나는이 질문에 원래 요구 이후 상황이 조금 변경되었습니다 생각합니다.

html5 사이트에서 빵 부스러기가 기술적으로 사이트를 탐색하기 때문에 nav 태그를 사용합니다. 그들이 무엇인지 명확히하고 싶다면 마이크로 데이터를 추가하여 빵 부스러기임을 명시 할 수 있습니다.

구글의 예와 html5doctor에서

<nav> 
<ul> 
    <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">  
     <a href="http://www.example.com/dresses" itemprop="url"> 
      <span itemprop="title">Dresses</span> 
     </a> 
    </li> 
    <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> 
     <a href="http://www.example.com/dresses/real" itemprop="url"> 
      <span itemprop="title">Real Dresses</span> 
     </a> 
    </li> 
    <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> 
     <a href="http://www.example.com/clothes/dresses/real/green" itemprop="url"> 
      <span itemprop="title">Real Green Dresses</span> 
     </a> 
    </li> 
</ul> 

Answer 5

항상 제이콥 닐슨 체크 아웃 : 그는 당신이 살펴보고 싶어 2003 년 5 월