2017-05-24 14 views
1

고대의 카탈로그를 보여주는 웹 사이트에 의미 태그를 적절하게 적용하는 데 어려움을 겪고 있습니다.HTML5 의미 태그의 올바른 사용

첫 번째 질문은 주요 구조에 관한 것입니다 :

body 
    header 
    h1 
    h2 
    nav 
     a 
     ... 
     a 
    main 
    div  // Search field and a button to open a spacious filter pane 
    article 
    article 
    article 
    ... 
    article 
    div  // Pagination 
    footer 
    p 

주요 태그로 검색 및 필터 옵션을 사용하여이 개 된 div 및 페이지 매김을 넣어 정확합니까? 또는 그들이 본문 태그 전에서 메인 전후에 독립적이어야합니까?

두 번째 질문은 위의 구조에서 기사에 관한 것입니다 :

article 
     figure 
     img  // depicts the antiquity 
     figcaption 
     header 
      h3 // title of the antiquity 
      p  // detailed description of the antiquity 
     section 
      p  // first owner of the antiquity 
      p  // second owner of the antiquity 
      ... 
      p  // last and therfore current owner of the antiquity 
     section 
      p  // first literature record on this antiquity 
      p  // second literature record on this antiquity 
      ... 
      p  // last literature record on this antiquity 

나는 부분은 기사에서 그 방법을 사용할 수 있다는 올바른지 다른 질문과 답변보고에서 확신 해요. 내가 완전히 불안한 이유는 완전한 고 대 항목 텍스트를 figcaption에 넣는 것입니다.

+0

두 개의 질문이 관련성이 없어 보일만큼 동일한 게시물에 포함시켜야합니다. – unor

답변

0

검색을 위해 div를 사용하는 것이 완벽합니다.

당신은 페이지 매김을위한 탐색 요소를 사용할 수 있습니다 https://developer.mozilla.org/en/docs/Web/HTML/Element/nav

를 문서 요소의 구조에 관해서는. 을하면서

article 
    figure 
    img  // depicts the antiquity 
    figcaption //text about the image 
    header 
    h1 // title of the antiquity 
    p  // detailed description of the antiquity 
    section 
    p  // first owner of the antiquity 
    p  // second owner of the antiquity 
    ... 
    p  // last and therefore current owner of the antiquity 
    section 
    p  // first literature record on this antiquity 
    p  // second literature record on this antiquity 
    ... 
    p  // last literature record on this antiquity 

: https://developer.mozilla.org/en/docs/Web/HTML/Element/figure
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/figcaption

그래서 내가 당신 기사보기 더 좋아을 제안 : 무화과 캡션 자세한 내용은 여기를 참조 그림의 첫 번째 또는 마지막 자식한다 올바른 마크 업이 선호됩니다. 잘못 받아들이면 처벌받을 것이라고 저는 믿지 않습니다.