2011-11-10 3 views
6

나는 주로 ulli 탭 구조에 대한 목록을 통해 CSS 탐색 디자인을 보았다. 이것의 뒤에 이유는 무엇입니까?. CSS가 어떻게 든 사용 중지되면 이러한 사이트의 후퇴는 무엇입니까?탐색 막대를 그릴 때 UL Li 목록을 사용하는 이유는 무엇입니까?

  • 스크린 리더보다 쉽게 ​​
  • 구글 봇이

는이 링크에 대한 자세한 내용을 제공보다 쉽게 ​​사이트를 크롤링 할 수있는 사이트에 액세스 할 수 있습니다 :

+1

링크의 목록을 얻을 수 있습니다. –

+0

화면 판독기 및 비 CSS 브라우저의 대체 액세스 가능성. HTML <5 – DanielB

+0

@DanielB의 의미를 유지하십시오. 귀하의 의견을 가지고 있지 않습니다. 어떻게 CSS를 사용하지 않는 브라우저에서 대체 할 수 있습니까? ul li의 –

답변

7

시맨틱 마크 업 예를 들어 여러 가지 이유가 있습니다 주제 : Semantic HTML. 게다가, 누군가 CSS를 사용할 수 없게 될 가능성은 대단히 없습니다. 내 의견으로는이 경우에 대체품을 제공 할 필요가 전혀 없으며 탐색 기능을 계속 사용할 수 있습니다.

0

나는 (모든 브라우저에서) 잘 개발 된 패턴 일 뿐이므로 CSS 책에 문서화되어 많은 사람들이 사용했습니다. 너무 많이 (ul { list-style: none;}li { display: inline; }) 변경할 필요가 없으므로 쉽게 추가 할 수 있습니다. 그리고 브라우저에서 CSS를 사용하지 않도록 설정하면 좀 더 추한 버전을 얻을 수 있습니다.

2

반드시은 UL LI 목록을 사용하여 탐색 링크를 수행한다는 규칙 책은 없습니다.

그러나 코멘트, 문서 구조, 레이아웃 및 html 의미에 관한 W3C 권장 사항에 대한 2 가지 이유 때문에 네비게이션 링크가 그런 식으로 수행되는 것이 좋습니다 **.

표준 준수 구조 및 방법을 사용하여 코드의 패턴을 준수하는 것과 매우 비슷합니다. 다음에 보게되면 그 사람이 보게 될 것입니다. 아 ... 여기에 무슨 일이 일어나는지 봅니다..

화면 판독기의 경우 (위에서 언급 한 것처럼) 문서 레이아웃에 대한 유사한 분석을 수행 할 수 있으므로 시각 장애가있는 사용자에게 중요한 요소를 결정할 수 있습니다.

1

네비게이션은 메뉴입니다. 이전 HTML에서는 menu와 ul이 렌더링하기 때문에 html4 (http://www.w3.org/TR/html401/struct/lists.html#h-10.4)에서 더 이상 사용되지 않는 태그가있었습니다. 똑같다.

이제 html5의 탐색 메뉴는 의미 태그에 포함되어야합니다.

관련 문제