Cauta rapid aici ↑

HTML5 -- TAG-URI NOI

HTML5 vine cu un set intreg de noi tag-uri ce ne ajuta sa adaugam continut bogat si de calitate in paginile web. Anumite tag-uri din versiunea veche HTML4 sunt acum depreciate si rolul unora este acum luat de alte tag-uri. Mai jos sunt prezentate tag-urile depreciate. Tag-urile create odata cu versiunea HTML5 permit afisarea de continut media, anumite API-uri de identificarea a pozitiei geografice a vizitatorului, se pot stoca anumite date locale si multe altele.

NOUL TAG <canvas></canvas>

Acest tag a fost creat sa fie utilizat impreuna cu limbajul JavaScript si impreuna sunt create diferite desene grafice. De retinut ca orice text introdus in interiorul acestui tag <canvas></canvas> ii va spune utilizatorului ca versiunea lui de browser nu suporta acest tag. Folosit singur fara un cod JavaScript tag-ul <canvas></canvas> nu va afisa nimic in browser. Pentru acest tag sunt create doua atribute. width si height sunt atributele pe care pe puteti folosi pentru a defini un spatiu in browser si cu ajutorul limbajului Java Script veti crea diferite desene grafice in interiorul acestuia.

Tag -uri noi pentru media

  • <audio>   === defineste sunetul unei melodii
  • <embed> === defineste continutul unei aplicatii externe
  • <source> === este un tag nepereche ce intra in componenta tag-urilor pereche <audio> si <video> pentru a arata URL-ul si tipul (type) fisierului (extensia). Atributele lui sunt: src, media si type. Valorile pentru media pot fi resursele mass-media.
  • <track>   === defineste piste pentru <video> si <audio>
  • <video>  === defineste un continut video

Tag-uri noi pentru formular

  • <datalist> === defineste optiuni predefinite pentru un control al unui input
  • <keygen> === defineste un camp cheie generator-pereche
  • <output>  === defineste rezultatul unui calcul

Tag-uri cu rol structural

  • <article> === defineste un articol intr-o pagina web
  • <aside> === defineste continut in afara de continutul paginii
  • <bdi> === defineste o parte din text care ar putea fi formatat intr-o directie diferita fata de restul textului din afara lui
  • <details> === defineste detalii suplimentare pe care utilizatorul le poate vedea sau ascunde
  • <dialog> === defineste o zona de dialog sau o fereastra de dialog
  • <footer> === defineste zona de subsol a pagini web
  • <header> === defineste zona de cea mai de sus a pagini web
  • <main> === defineste continutul principal al unui document
  • <mark> === defineste textul marcat sau evidentiat
  • <menuitem> === defineste un element de comanda / de meniu pe care utilizatorul il poate invoca dintr-un meniu pop-up
  • <meter> === defineste o masuratoare scalar intr-un interval cunoscut
  • <nav> === defineste o zona cu link-uri de navigare in document / site
  • <progress> === defineste progresul unei cerinte, task
  • <section> === defineste o sectiune in document
  • <summary> === defineste o pozitie vizibila pentru un element de <details>
  • <time> === defineste o data / timp

Tag-uri depreciate

  • <acronym>
  • <applet>
  • <basefont>
  • <big>
  • <center>
  • <dir>
  • <font> &arr; inlocuit cu <span></span>
  • <frame>
  • <frameset>
  • <noframes>
  • <strike>
  • <tt>