2011-08-24 6 views
6

정렬되지 않은 목록에 <section> 태그를 사용할 수 있습니까?HTML5, <section> 정렬되지 않은 목록

저는 알고 있습니다. <section>은 문서의 일반적인 섹션을 나타냅니다. 보통 우리는 안으로 향하고 있습니다.

그래서 ... 제품 목록이 있습니다. 보통 페이지 당 약 20. 각 요소가 :

  • 호,

  • 간단한 설명 (최대 255 개 문자)

  • 섬네일 일부 세부 사항 버튼.

각 목록 항목은 다음 섹션과 같습니다 : "is a thematic grouping of content, typically with a heading".

물론 스타일링 목적으로 <section>을 사용하지 않습니다.

제가 생각하기에, <section>도 목록의 래퍼 및 목록 <article>의 각 요소 일 수 있습니다.

귀하의 의견은 무엇입니까?

답변

0

및 DO의 목록 ...

는 탭 스위처 또는 콘텐츠 슬라이더의 각 섹션에 대한 섹션을 사용하여 DO (정렬되지 않은 목록이 필요하지 않은 경우)
긴 "용어를 분할 섹션을 사용 마십시오 "(이용 약관"페이지

금지 사항의 목록 및 조건 당신이 함께 할 수로) 필요한 경우
둥지 섹션 요소를 DO 번호 섹션으로 (또는 유사) 페이지 "...

섹션을 사용하여 머리글과 바닥 글의 내용을 나누지 마십시오. 대신 div를 사용하십시오 (의사에게 문의하십시오)
섹션을 사용하여 DOM 조작 또는 스타일을 위해 탭 전환기를 감싸지 마십시오.
사이드 바 또는 기타 접선 관련 내용 상자에는 섹션을 사용하지 마십시오. 옆으로 사용하십시오.
섹션을 사용하여 무언가 주위에 테두리 나 그림자를 추가하지 마십시오. div를 대신 사용하십시오
가짜 컬럼을 구현할 때 wrapper 섹션을 사용하지 마십시오. 다시 div를 사용하십시오.
IE6의 float 더블 마진 버그 (또는 비슷한 레이아웃 관련 문제)를 피하려고 할 때 섹션을 중첩하지 마십시오. 다시 div를 사용하십시오.
섹션을 사용하여 블로그 글이나 뉴스 기사에 개별 저자 약력을 보유하지 마십시오. 그리고 사양은 당신이 shouldn 제안하지 않는 것 (당신이 http://html5.validator.nu/의 "텍스트 필드"옵션을 사용하여 시도 할 수 있습니다)을 <li> 태그의 유효성을 검사 안에 <section> 태그를 사용 When to Use the HTML5 “section” Element

+3

나는 그 기사에 주식을 많이 넣었는지 잘 모르겠다. "웹 사이트의 홈 페이지가 소개, 뉴스 항목 ...으로 나뉘어 질 수 있습니다."라는 사양에서 각 뉴스 항목이 '

'대신에 '
'이어야한다고 생각하는 것 같습니다. 실제로 '
'에는 모든 뉴스 항목이 포함될 것이며, 각각의 뉴스 항목은 '
'으로 표시 될 것입니다. –

5

제외하고 대신

도난을 사용 이 방법으로 사용하지 마십시오 (http://dev.w3.org/html5/spec-author-view/the-section-element.html#the-section-element 참조). 그래서 나에게 좋을 것 같습니다.

<article> 태그는 “self-contained compositions”을 의미합니다. 필자는 한 번에 여러 블로그 게시물의 바깥 쪽을 의미하는 것이 무엇인지 명확하게 밝히지는 못했지만, 제품 요약은 그 점에 적합하다고 생각합니다. 따라서 전체 목록이 포함 된 <section>에 대한 두 번째 아이디어와 각 제품에 대한 <article>이 가장 좋을 것입니다.

+0

HTML5 유효성 검사기에서는 전체 페이지를 '

'태그에 넣을 수도 있지만 그다지 중요하지 않습니다. 예, 제품 요약에 맞게 ... 흠 ... 나는 이것을 고려할 것입니다 ... –

+0

나는 귀하의 포인트 재확인을 보았습니다. 의미 론적 고려 사항에 대해 너무 걱정하지 마십시오. 그들은 필연적으로 애매합니다. –

관련 문제