- ベストアンサー
HTML5のfooterに見出しを付けてもいいのか
- HTML5のfooterに見出しを付けることは、SEO的にも有効です。
- 関連記事の見出しをfooterに追加することで、情報の階層を明確にすることができます。
- また、作者や投稿日時を含めることで、コンテンツの信頼性も高めることができます。
- satsumaimoboy
- お礼率48% (13/27)
- HTML
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
<nav>はセクショニング要素です。HTML4.01では <div class="nav">とマークアップするよう推奨されていたものです。 <li>要素は、<ul><ol>要素の内部にしか入れられませんから <nav> <ul> <li></li> もしくは <nav> <h2>なんたらかんたら</h2> <ol> <li></li> のようになります。 またfooterに入る場合は、基本navは使用しません。 【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから In particular, it is common for footers to have a short list of links to various pages of a site, such as the terms of service, the home page, and a copyright page. The footer element alone is sufficient for such cases; while a nav element can be used in such cases, it is usually unnecessary. ￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［4.4 Sections — HTML5( http://www.w3.org/TR/2012/CR-html5-20121217/sections.html#the-nav-element )］より もう一点の間違い・・ footerではなく、本文の関連情報ですからsection要素内に、個別に<section>か<aside>要素として入れるほうが良いでしょう。 <section> ・・・・・・・・・・ <section id="RelatedInformation"> <h3>関連情報</h3> <ul> <li></li> <section> <aside id="RelatedInformation"> <h3>関連情報</h3> <ul> <li></li>
その他の回答 (1)
- ORUKA1951
- ベストアンサー率45% (5062/11036)
より具体的に書くと <body> <header><!-- この文書のheader --> <h1>見出し</h1> <nav> <ol> <li><a href=""></a></li> ・・・・ </ol> </nav> </header> <section> <h2>本文見出し</h2> <p>記事</p> <section> <h3>見出し</h2><!-- sectionはひとつだけheadingを持つべき --> </section> <aside> <h3>補足・関連情報</h3> </aside> <nav> <h3>関連情報 <ol> <li><a href=""></a></li> ・・・ </ol> </nav> </section> <footer> <h2>文書情報</h2> <p><a href=""></a> | <a href=""></a></p> <address></address> </footer> </body> とかでしょうか？？？ ⇒HTML5( http://www.w3.org/TR/html5/ ) ここに実例が!! ⇒Semantic navigation with the nav element | HTML5 Doctor( http://html5doctor.com/nav-element/ )
お礼
<nav>でもいい気がしますが、文書内のあるセクションに関連している記事ひとつひとつ、は案内とかより補足の意味がより強いと思うので<aside>にしておこうと思います。
お礼
<aside>に<nav>なしで使うことにします ご回答ありがとうございました