Header im responsiven Design.

Question

Ich habe eine Website mit 5 Abschnitten und 5 Header

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

, wenn die reaktions styleseet Tritte im Designer einen Abschnitt Titel hinzufügt, die logisch jetzt die h1 sein sollte.

Nun ist dies offensichtlich falsch, da der h2 die h1 fortsetzt. Dies ist die Lösung, die ich derzeit aber scheint auch falsch.

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

Wha ist die beste Praxis hier.

Answer 1

Am Ende denke ich, das eine vernünftige Lösung

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