Html 5 – noul web
Ce este HTML 5
Html 5 este noua versiune (o revizie majora) a HTML-ului (Hypertext Markup Language), principalul limbaj de marcare (markup language) . WHATWG a inceput sa lucreze la el in Iunie 2004 sub numele Web Aplication 1.0. Acum in Octombrie 2009 specificatiile sunt in ultimul stadiu la WHATWG.
Markup nou
- The DOCTYPE
In primul rand cum spunem browserului ca documentul este scris in HTML5 (sau cum il validam HTML5)? Se pare ca foarte simplu utilizand <!DOCTYPE html>. Astfel am scapat de tot codul stufos din HTML4, chiar poti sa il tii minte si nu il copii din alt site sau document.
- Stuctura (noi elemente importante)
Noile elemente care “iti sar imediat in ochi” in HTML5 sunt <header> si <footer> folosite la structura standard a paginii sau <canvas>, <audio> si <video> care ne vor permite sa folosim un API puternic pentru a crea aplicatii user-friendly astfel, ne distantam de Flash atunci cand vine vorba de animatii diverse.
Totodata scapam si de unele elementele din HTML 4.1 cum ar fi <font>, <center> sau <big> efectele lor fiind realizate cu ajutorul CSS. Sunt si alte elemente de care vom scapa cum ar fi: <frame>, <frameset> etc.
- Noile elemente care definesc structura documentului HTML5:
<header>
Reprezinta headerul selectiei. El poate contine heading-ul documentului sau tot ce tine de brand. De asemenea poate contine sub heading-uri.<nav>
Sectiunea de linkuri pentru navigare – cat si un cuprins pentru site<section>
Elementul secţiune reprezintă o secţiune generica al unui document, cum ar fi un de exemplu, un capitol.<article>
Elementul articol reprezintă o parte a unei pagini care poate fi de sine stătătoare, cum ar fi: un post al unui blog.<aside>
Elementul care de obicei semnalizeaza prezenta sidebar-urilor<footer>
Parea de subsol nu numai a intregului document ci si a fiecarei sectiuni.
Elementele ca <header> si <footer> nu se folosesc doar pentru documentul principal cat si pentru fiecare sectiune din document.
Un exemplu de structura HTML5 – XHTML-style
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Article (HTML5)</title>
</head>
<body>
<header id="branding">
<!-- page header (not in section etc) -->
<h1>Site name</h1>
<!-- other page heading content -->
</header>
<nav>
<ul>
<li>Main navigation</li>
</ul>
</nav>
<div id="content">
<!-- wrapper for CSS styling & no title so not section -->
<article>
<!-- main content (the article) -->
<header>
<h1>Article title</h1>
<p>Article metadata</p>
</header>
<p>Article content…</p>
<footer>Article footer</footer>
</article>
<aside id="sidebar">
<!-- secondary content for page (not related to article) -->
<h1>Sidebar title</h1>
<p>Sidebar content</p>
</aside>
</div>
<footer id="footer">Footer</footer>
<!-- page footer (not in section etc) -->
</body>
</html>
Video si Audio
Printre noutatile majore aduse de HTML5 vor fi elementele <video> si <audio>. Ideea este de a oferi functionalitati asemantoare player-elor video sau audio gen: pauza, stop, caută şi de a regla volumul (pana acum erau posibile numai prin intermediul pluginurilor QuickTime, Windows Media si cel mai popular Fash Player). HTML 5 ofera suport nativ pentru integrarea video şi audio şi furnizeaza API-uri pentru script-uri destinate controlarii lor.
Cele mai importante functionalitati in HTML5.
- Stocarea offline a informatiilor.
Cred ca aceasta e cea mai importanta caracteristica. Permiterea navigarii paginilor web offline. Bineinteles aceasta este deja posibila deja prin intermediul Google Gears dar cu ajutorul Html 5 va fi o solutie nativa in browser. Acesta este primul pas serios spre a diminua prăpastia dintre desktop şi Web şi este viitorul Aplicatiilor Web. - HTML5 si DOM
Spre deosebire de versiunile anterioare de HTML si XHTML, care sunt definite in termeni de sintaxa, HTML 5 este definit în termeni de Document Object Model (DOM) – Reprezentarea arborescenta folosita de catre browser pentru a reda documentul. - Geolocation
Geolocation API – gaseste locatia curenta a utilizatorului. API-ul, in cazul in care browser-ul accepta acest lucru si va acorda acces la aplicatii web, se intoarce latitudinea, longitudinea, altitudinea, viteza si cateva alte detalii. (Dacă dispozitivul web nu are GPS, aceste detalii vor fi estimate folosind adresa de IP si de alti factori). - Video & Audio
API-urile audio & video sunt upgrade-uri importante pentru viitor (cum am specificat mai sus). - Drag and drop
Impreună cu o armata de JavaScript API-uri, HTML 5 vine cu un Drag şi Drop API, care aduc suport nativ.
Referinte:
- http://www.whatwg.org
- http://www.w3.org/TR/html5
- http://html5demos.com
Zune and iPod: Most people evaluate the Zune to the Contact, but soon after viewing how slim and astonishingly small and mild it is, I think about it to be a rather special hybrid that moyen qualities of equally the Contact and the Nano. It is quite colourful and beautiful OLED display is a bit more compact than the touch display screen, but the player itself feels very a little bit smaller and lighter. It weighs about 2/three as a lot, and is noticeably more compact in width and peak, even though being just a hair thicker.
That is an extremely fantastic web page you might have clicking here. The problem is quite informative as well as instantly to the issue. Enthusiastic to read more details on your blog the very next time.