レスポンシブデザインのヘッダー。

Question

デザイナーで応答styleseetキックが論理的に今H1あるべきセクションタイトルを、追加したとき。私は5つのセクションと5つのヘッダ

<section> 
    <h1>this is the header</h1> 
</section> 

でウェブサイトを持っていますH2はH1を進めるよう

<section> 
    <h2>this is the NEW section header for mobile</h2> 
    <h1>this is the header</h1> 
</section> 

は今、これは明らかに間違っています。これは私の現在の解決策ですが、間違っているようです。

<section> 
    <div class="section-header">this is the NEW section header for mobile</div> 
    <h1>this is the header</h1> 
</section> 

ここではベストプラクティスです。

Answer 1

最後に、私は、第二は、コンテンツの追加ビットであるので、これは合理的な解決策

<section> 
    <div class="section-header">this is the NEW section header for mobile</div> 
    <h1>this is the header</h1> 
</section>