11 lucruri pe care trebuie sa stii despre HTML 5

Ca si programator web, e important ca mereu sa evoluezi pentru a putea tine pasul cu tehnologia care mereu se schimba si se dezvolta.

HTML5 este a 5-a si cea mai noua versiune a HTML-ului standard; fiind un limbaj de programare folosit pentru a structura si ilustra un continut web. Acesta beneficiaza de functionalitati avansate care iti ofera suport media imbunatatit si care ridica standardul in crearea aplicatiilor web.

Programatorii HTML trebuie sa fie la curent cu noile tendinte si functionalitati pe care HTML5 le ofera.

  1. DOCTYPE simplificat

Daca inca folosesti vechiul tip XHTML DOCTYPE, e timpul sa treci la DOCTYPE-ul nou si imbunatatit. Noua versiune HTML vine cu un DOCTYPE usor de folosit.

HTML5 DOCTYPE este compatibil cu toate noile tipuri de documente, fiind folosit pentru toate tipurile de browsere, atat cele mai vechi, cat si cele noi, care au nevoie de un DOCTYPE specific.

Good to know! Browserele care nu functioneaza cu acest tip de DOCTYPE vor fi executate direct in modul standard.

  1. New figure element

In carti sau reviste e chiar usor sa gasesti titlul, dar inainte ca HTML5 sa apara sa gasesti o solutie simpla prin care titlu sa fie asociat cu un anumit paragraf sau o anumita imagina, era destul de dificil.

HTML5 vine cu acest doua elemente pentru a usura aceasta sarcina: <figure> si <figcaption>. Prin imbinarea lor poti integra semantic titlurile cu imaginile.

  1. Nu trebuie introduse tipurile pentru script-uri si link-uri

Aceasta functionalitate iti ofera libertatea de a nu introduce tipul pentru link-uri si script-uri. De notat, ca ambele etichete sunt pentru script-uri si stylesheets, motiv pentru care tipul atributului se poate sterge cu usurinta.

  1. Elemente semantice noi si usor de memorat

Majoritatea site-urilor web folosesc coduri HTML cu un scop pentru a ilustra header-ul, navigatia si footer-ul, care se dovedeste a fi o tehnica destul de complicata.

In acest sens, HTML5 ofera elemente semantice noi si usor de memorat, care ii pot ajuta pe programatorii web pentru a diferentia diferite sectiuni ale unei pagini web.

  1. Placeholder attribute

Placeholder text este un indiciu de text afisat in campul formularului cand campul nefocalizat. Inainte de aceasta tehnica, era necesar sa se foloseasca un JavaScript pentru a construi placeholderele pentru casetele de text.

Acum, datorita lui HTML5 si functionalitatii de atribuire placeholder, aceasta afiseaza textul intr-un camp pana cand campul este focalizat, iar apoi textul este ascuns.

  1. Use of required attribute

Atributul required este un atribut Boolean care are rolul de a determina daca campul input-ului este completat sau nu, inainte de depunerea finala a formularului.

Poti sa scrii acest atribut in mai multe feluri, in functie de tipul tau de scriere a codurilor, sau poti alege o metoda mai structurata.

  1. Use of Autofocus attribute

Caracteristica de autofocus este noua si specifica pentru HTML5. Aceasta are rolul de a determina daca un element input este focalizat in mod automat sau cand pagina se incarca. Poti folosi aceasta calitate pentru un input specific care a fost selectat in mod implicit.

  1. Pattern attribute

Uneori e dificil sa scrii o expresie regulata pentru a verifica o anumita caseta de text, dar cu noua functionalitate a HTML5 acest proces devine mai usor. Functionalitatea ofera un atribut tipar prin care e simplu de adaugat o expresie regulata in markup.

  1. Suport audio

Pentru a adauga continut audio intr-un document HTML sau XHTML, HTML5 are aceasta functionalitate. De retinut, faptul ca doar browserele curente au acest suport pentru HTML5 audio.

Doar trei formate audio se gasesc: mp3 suportat de Firefox, ogg wav, browserele Safari si Webkit.

  1. Suport video

Pe langa suportul audio, HTML5 ofera si un element pentru suport video care functioneaza cu majoritatea browserelor recente. Azi, majoritatea browserelor suporta video-ul HTML5.

Browserele care functioneaza cu HTML5 video sunt: IE9 si Safari functioneaza cu formatul H.264. Opera si Firefox lucreaza cu formate Vorbis si Theora, in timp ce Chrome afiseaza video-urile care sunt codate atat in formatul Ogg cat si mp4.

  1. HTML5 local storage

Conform denumirii, HTML5 local storage este un loc de stocare a datelor pentru aplicatiile web in cadrul browserului utilizatorului.

Pana acum, datele aplicatiilor erau stocate in cookies, dar functionalitatea de local storage a fost conceput pentru a stoca in mod securizat cantitati mari de date locale, fara a afecta performanta unui site web.

Good to know! HTML5 local storage deja e functional pe toate browserele.

Daca iti doresti sa inveti HTML de la zero, dar si alte tehnologii pentru a urma o cariera in IT, si nu numai, alaturat gasesti datele mele de contact!

Anunțuri

Lasă un răspuns

Completează mai jos detaliile tale sau dă clic pe un icon pentru a te autentifica:

Logo WordPress.com

Comentezi folosind contul tău WordPress.com. Dezautentificare / Schimbă )

Poză Twitter

Comentezi folosind contul tău Twitter. Dezautentificare / Schimbă )

Fotografie Facebook

Comentezi folosind contul tău Facebook. Dezautentificare / Schimbă )

Fotografie Google+

Comentezi folosind contul tău Google+. Dezautentificare / Schimbă )

Conectare la %s