Contenu connexe Plus de Web::Strategija (20) (WS14) Emanuel Blagonic - HTML5 u praksi9. section
<section id=”content”>
<section id=”inner-content”>...</section>
<section id=”sidebar”>...</section>
<section class=”clear”>...</section>
</section>
10. section
<section id=”content”>
<section id=”inner-content”>...</section>
<section id=”sidebar”>...</section>
<section class=”clear”>...</section>
</section>
13. header
<header>
<h1><a href=”#”>Heading</a></h1>
<p class=”meta author”>Emanuel Blagonić</p>
</header>
15. footer
<footer>
<p class=”meta tags”><a href=”#”>Tag1</a></p>
</footer>
16. <article>
<header>
<h1><a href=”#”>Naslov</a></h1>
<p class=”meta author”>Emanuel Blagonić</p>
</header>
<p>Short description...</p>
<footer>
<p class=”meta tags”><a href=”#”>Tag1</a></p>
</footer>
</article>
17. nav
<nav>
<a href=”#” class=”button-mobile”>Show navigation</a>
<ul class=”navigation-primary”>
<li><a href=”#”>Home</a></li>
<li><a href=”#”>About us</a></li>
<li><a href=”#”>Contact</a></li>
<li><a href=”#”>Blog</a></li>
</ul>
<ul class=”navigation-secondary”>
<li><a href=”#”>Sitemap</a></li>
<li><a href=”#”>Privacy policy</a></li>
</ul>
</nav>
19. hgroup
<hgroup>
<h1>Our company</h1>
<h2>Tagline for our company</h2>
</hgroup>
20. hgroup
<article>
<header>
<hgroup>
<h1>Article title</h1>
<h2>Subtitle for the article</h2>
</hgroup>
<p class=”meta author”>Emanuel Blagonić</p>
</header>
<p>Short description...</p>
</article>
26. <!-- HTML5 <3 -->
<!-- Odaberite svoj stil pisanja tagova -->
<img src=”logo.png”>
<IMG SRC=”logo.png”>
<img src=”logo.png” />
<br> <!-- je OK -->
<br /> <!-- je isto OK :) -->
<!--
Odaberite svoj stil pisanja tagova...
ali budite konzistentni
-->
27. A što s formama?
forme na steroidima
28. <input type="date">
<input type="datetime">
<input type="time">
<input type="text"
<input type="month">
autofocus>
<input type="week">
<input type="text"
<input type="color">
required>
<input type="range">
<datalist>
<input type="text"
placeholder="Search">
<input type="email">
<input type="tel">
<input type="url">
30. Podrška u Internet Exploreru?
Nepostojeća, ali postoji rješenje.
http://www.modernizr.com/
http://code.google.com/p/webforms2/
33. Audio i video codeci
ogg/vorbis
mp3
wav
AAC
ogg/theora
H.264
WebM
* Vrijedi za Internet Explorer 9 i novije
35. Gdje naučiti više?
http://www.w3.org/TR/html5/
http://html5doctor.com/
http://html5boilerplate.com/
http://www.quirksmode.org/html5/index.html