HTML 5: noi taguri, noi structuri


Astăzi cine mai învaţă HTML? Dacă scriem pagini offline folosim generatoare; dacă scriem online sunt acele editoare rich-text ce ne permit formatări rapide. Şi totuşi HTML rămâne de bază. Iar faptul că HTML 5 e suportat de tot mai multe navigatoare ne strigă, nouă, webmasterilor: e timpul să punem din nou mâna pe documentaţie şi să mai învăţăm. Partea bună este că multe lucruri se vor simplifica. Vă invit să vedem cum se va schimba structura unei pagini.

Vom avea taguri noi precum:

  • header pentru partea de antet, de titlu al paginii
  • nav pentru partea de meniu
  • section o parte generică ce poate grupa mai multe elemente
  • article pentru textul efectiv al paginii
  • aside ar fi, să aproximăm, bara laterală (sidebar) din atâtea designuri, util pentru reclame sau alte elemente
  • footer evident pentru partea de subsol, de jos a paginii (copyright şi altele)

Vedeţi această pagină cu Chrome sau Firefox, care suportă HTML 5. În Internet Explorer nu veţi vedea ceea ce ar trebui, ci un lung şir de texte. Pentru mai multe detalii vă recomand câteva articole: unu, doi şi trei. Cum şi partea de CSS este importantă, poate cel mai bine este să vedeţi sursa paginii exemplu indicată la începutul acestui paragraf.

[HTML]



Pagina X

Un articol

(c) 2009


[/HTML]

Nu uitaţi că în HTML 5 nu este redat de toate navigatoarele; şi cele care o fac, o fac cu mici diferenţe. Dar probabil că într-un timp nu foarte lung HTML 5 va deveni adoptat cu rapiditate.


Apreciază articolul:

1 stea2 stea3 stea4 stea5 stea (6 evaluări, media: 4,00 din 5)
Loading...Loading...

5 comentarii

  1. gxg spune:

    Pagina pare sa functioneze si in Opera 10.

  2. Eu spune:

    „Chrome sau Firefox”, dar Opera, unde e?

  3. angycuta spune:

    Merge si in Opera!!! Jupiiiiii! lol!

  4. jürgen.toth spune:

    Un infografic interesant despre HTML5 este oferit aici: http://www.focus.com/images/view/11905/
    De urmărit suportul navigatoarelor …


Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile necesare sunt marcate *