HTML5

HTML5 - Uvod

HTML5 je poslednja verzija HTML standarda koji se i dalje razvija.

Osnovne karakteristike:
1. Uvođenje semantike (semantički elementi)
2. Nove karakteristike treba da se baziraju na HTML, CSS, DOM i JS-u
3. Smanjiti potrebu za eksternim pugin-ovima (Flush)
4. Bolja obrada grešaka
5. HTML5 ne bi trebalo da zavisi od uređaja na kome se koristi
 HTML5 - Uvod

HTML5 uvodi mnoge sintaksne promene.

● Uvode se novi semantički elementi
- <header>, <nav>, <article> …
● Neki elementi uklonjeni
- <font> i <center>
● Omogućava se rad sa multimedijom i grafikom bez potrebe za plugin-ove
○ Adobe Flash je ranije bio zadužen
● Uvode se novi interaktivni elementi
○ <video>, <audio> i <canvas>, uvodi se i integracija SVG (Scalable Vector Graphics) sadržaja
 HTML5 - Semantički elementi
Lista semantičkih elemenata:
1. <article>
2. <aside>
3. <header>
4. <nav>
5. <section>
6. <footer>
7. <figure>
8. <details>
9. <figcapton>
10. <main>
11. <hgroup>
12. <form>
13. <table>
 HTML5 - Semantički elementi

● <article> predstavlja nezavisnu celinu

● <section> predstavlja sekciju na veb stranici, slično kao <article>
● <header> predstavlja zaglavlje veb stranice, obično okružuje <nav> element, treba da
sadrži logo ili ime firme
● <nav> predstavlje listu linkova
● <footer> predstavlja kraj stranice, obično sadrži kontakt informacije, mapu sajta..
● <hgroup> predstavlja grupu naslova <h1> - <h6>
● <aside> predstavlja sadržaj koji se nalazi sa strane
 HTML5 - Semantički elementi

Semantički elementi su alternativa <div> elementima, dodatno opisuju značenje

elemenata. Koriste se da bi definisali različite delove veb stranice. Osnovna funkcija
semantičkih elemenata je da povećaju razumljivost veb stranice i da olakšaju posao
mašinama za pretraživanje (SEO).
<div> i <span> elementi (nesemantički elementi) - ne govore ništa o sadržaju
<header> i <nav> elementi (semantički elementi) - intuitivno definišu sadržaj