Bootstrap a html5 - sekcia alebo div? - html5, twitter-bootstrap

Mám otázku týkajúcu sa používania Bootstrapu - vidím, že v predvolenom nastavení používajú veľa sekcií DIV namiesto sekcií atď.

Nedávno som čítal špecifikáciu HTML5 - kedy použiť oddiel a kedy použiť div. Základnou myšlienkou je, že DIV by sa mali používať iba v prípade, že sa neuplatňuje žiadny konkrétny prvok HTML5.

Ak teraz chcem vytvoriť webovú stránku HTML5 pomocou nástroja Bootstrap, mal by som zmeniť DIV na konkrétne prvky HTML (napríklad SECTION)?

odpovede:

Skutočne to záleží na obsahu vašej stránky, ale v podstate by ste mohli používať značky HTML5 a použiť triedy zavádzania, ako je tento:

<section class="row">
...
</section>

<footer class="row">
...
</footer>

Ale ako už bolo povedané, záleží to na vašom obsahu a ešte viac nie ste nútení používať <section> majú špecifický účel, ktorý predstavuje všeobecný dokument alebo oddiel aplikácie, a nie sú povinné.

Na <div> tagy sú všeobecné značky, ktoré sa zvyčajne používajú na úpravu štýlov, napríklad pri zavádzaní systému. Ale ak si chcete udržať <section> značky, možno by ste mohli uprednostniť zmiešané riešenie, ako je toto:

<section>
<div class="row">
...
</div>
<div class="row">
...
</div>
</section>

S týmto riešením <section> značka sa používa na zoskupovanie obsahu tak, ako má byť, a <div> značky na úpravu štýlu.

Section nie je určený na konštrukčné účely, má špecifický význam. Označuje samostatné sekcie / časti webovej stránky. Na druhej strane, div nemá konkrétny význam. Môžeš použiť divs anonymne za správu vašich front-end štýlov.

Pokiaľ som si prečítala sekciu, je správna sémantika a pomáha s SEO.

Značky sekcií sa používajú na segmentáciu vašich webových stránok a optimalizujú tak SEO, zatiaľ čo oddiely sa používajú na úpravu vášho obsahu.