Blog

HTML5 imbogateste webdesign-ul cu o serie de facilitati noi

Deocamdata aceste facilitati sunt partial suportate in browsere, urmand ca in viitor toate browserele sa fie complet compatibile cu specificatiile HTML5.

HTML5 vine cu un nou doctype si charset. Este de remarcat usurinta cu care HTML5 poate fi implementat, intrucat doctype-ul si charset-ul au fost simplificate: <!doctype html> si <meta charset=”UTF-8”> .

Sunt oferite tag-uri noi ce ajuta la o mai buna structurare a paginilor:

<section> : defineste sectiunile unei pagini
<header> : defineste antetul paginii
<footer> : defineste subsolul paginii
<nav> : defineste zona de navigare
<article> : defineste un articol sau continutul principal dintr-o pagina
<aside> : defineste continut suplimentar intr-o pagina cum ar fi de exemplu un sidebar
<figure> : defineste imagini care adnoteaza un articol

HTML5 ofera noi elemente inline care definesc concepte de baza care in mare parte au legatura cu ideea de timp:

<mark> – defineste continut marcat in orice fel
<time> – indica continut care este timp sau data calendaristica
<meter> – indica un continut care este parte dintr-un interval cunoscut – cum ar fi de exemplu spatiul utilizat pe disc
<progress> – indica progresul unei sarcini spre finalizare

HTML5 suporta pagini dinamice prin intermediul unor facilitati cum ar fi:

  • meniuri contextuale ce pot fi utilizate in pagini sau aplicatii
  • atributul “href” nu mai este necesar in cadrul tag-ului “a” ceea ce permite utilizarea acestui tag impreuna cu scripturi in cadrul aplicatiilor web
  • atributul “async” – permite incarcarea asincrona a scripturilor. Astfel acestea nu incetinesc procesul de incarcare a paginii
  • tag-ul <details> – acesta permite specificare detaliilor despre un element asemenea tooltip-urilor din aplicatii non-web
  • tag-ul <datagrid> – creaza un tabel cu informatii preluate dintr-o baza de date sau o alta sursa dinamica
  • tag-ul <menu> – un tag vechi dar care este folosit din nou pentru a crea meniuri in cadrul site-urilor
  • tag-ul <command> – defineste o actiune ce are loc cand un element dinamic este activat

Formularele html au fost si ele imbogatite cu tag-uri noi: datetime, datetime-local, date, month, week, time, number, range, email si url.

Pe langa facilitatile prezentate mai sus, HTML5 ofera niste elemente cu adevarat uimitoare:

  • tag-ul <canvas> – un element ce ofera un spatiu de desenare prin intermediul Javascript, in cadrul paginilor web.
  • tag-urile <video> si <audio> care permit inserarea de clipuri video sau audio in cadrul paginilor fara a mai fi nevoie de plugin-uri suplimentare cum ar fi de exemplu Adobe Flash.

Sunt cateva elemente din cadrul HTML4 care au fost eliminate din specificatiile HTML5 cum ar fi urmatoarele tag-uri: acronym, applet, basefont, big, center, dir, font, frame, frameset, isindex, noframes, noscript, s, strike, tt si u.

In concluzie, HTML5 vine cu multe facilitati surprinzatoare ce fac procesul de webdesign mai placut.

Loading...