Zaczniki semantyczne HTML

Question

Mogę stylizować w CSS znaczniki semantyczne jak zwykłe divy? np. czy mogę zrobić takie coś:

<style>
     nav{ background-color: grey; padding: 10px; float: left; }
</style>
.
.
.
<nav>
     Kontent nav
</nav>

Czy muszę w ten sposób:

<style>
    #nav{ background-color: grey; padding: 10px; float: left; }
</style>
.
.
.
<nav>
     <div id="nav">
          Kontent nav
     </div>
</nav>

Btw. znaczniki semantyczne są elementami blokowymi, czy tworzą tylko "ramy"?

Answer 1

Obojętnie, natomiast dobrą praktyką jest nadawanie klas i stylowanie po nich (na stronie może się pojawić więcej niż jeden element nav).

Ad.

znaczniki semantyczne są elementami blokowymi, czy tworzą tylko "ramy"?

Różnie. Właściwości danego znacznika semantycznego można zobaczyć w narzędziach developerskich danej przeglądarki poniżej własnych stylów.

Comments

Jednym słowem najlepiej tak:

<nav class="mojaclassa">