2017-05-24 10 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 

メインタグに検索し、フィルタオプションを持つ2つのdivや改ページを入れて、それは正しいですか?または、本文のタグの前後に独立している必要がありますか?メインの前後にタグがありますか?

2つ目の質問は、上記の構造では記事についてです:

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

あなたの2つの質問は、同じ投稿にそれらを持つことが理にかなっているようには十分に関連していないようです。 – unor

答えて

0

divを使用して検索すると問題はありません。

あなたは、ページネーションのためのnav要素を使用することができます。 https://developer.mozilla.org/en/docs/Web/HTML/Element/nav

を記事素子の構造について。 図のキャプションは、詳細についてはこちらをご覧ください、数字の最初または最後の子でなければなりません: https://developer.mozilla.org/en/docs/Web/HTML/Element/figure
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/figcaption

だから私はより多くのようにあなたの記事を見作ることをお勧め:持ちながら

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 

正しいマークアップが望ましいです、私はあなたがそれを間違って取得するために処罰されるとは思わない。