TOC

This article is currently in the process of being translated into Slovenian (~61% done).

Semantic HTML5 section tags:

Introduction to Semantic HTML5 elements

HTML5 je uvedel veliko novih elementov, da bi označevanje HTML postalo še bolj pomensko.

Da bi bolje razumeli, kako naj bi se ti elementi uporabljali, sem se odločil, da uporabim isti primer v tem delu vodiča. To je članek o moki, ki sem si ga izposodil od AllReceipes .

Before continuing on to the rest of the tutorials, you should have a quick look at how the article markup could have looked before the use of HTML5-elements - there are a lot of <div> elements and I will show you when these >div> can be replaced with more semantically correct markup.
Have a look at the markup with regular HTML and if you are up for a challenge you can compare it against the new HTML5 markup - otherwise follow the next chapters and I will show how and why we change the markup into semantically correct markup. (And note that if have not styled the article - it is plain semantic HTML!)

Novi elementi HTML5 se lahko uporabljajo na različne načine, zato je pomembno opozoriti, da čeprav sem poskušal vključiti čim več pogledov njihovi uporabi, uporaba elementov še ni dokončno določena.

To pomeni, da lahko rečem, da "naj bi bila vsebina znotraj elementa <article> smiselna samo po sebi", toda to je moje razumevanje specifikacije HTML5 in čeprav sem poskušal predstaviti najbolj priznano uporabo elementov, boste lahko prebrali v nekaterih drugih člankih, da se niso strinjali z mojim branjem specifikacije HTML5.

To pomeni, da bom zelo pogosto napisal en, dva ali celo tri različne poglede o uporabi novih elementov. Toda ne dovolite, da vas to prestraši od uporabe novih elementov - svoje spletne strani boste naredili za prihodnost in to je vedno dobra stvar. Poleg tega ne želite, da postane vaša navada uporaba elementov <div> za vse, ker je ta način označevanja vaših dokumentov v zatonu.

This article has been fully translated into the following languages: Is your preferred language not on the list? Click here to help us translate this article into your language!