HTML este limbajul de marcări hipertextuale al WWW. Prima versiune a acestui limbaj a fost publicată în anul 1992. De atunci, HTML a suferit numeroase modificări și transformări și a ajuns acum la versiunea 5. (Deși versiunea 5 nu a fost încă oficial adoptată ca standard, este deja destul de bine susținută în browserele actuale).
HTML este un așa-numit limbaj de marcări, cu ajutorul căruia se pot structura conținuturile. Pentru formatarea conținutului, responsabile sunt foile de stil. Mai multe detalii despre acestea veți găsi în continuare.
Responsabil pentru dezvoltarea HTML este World Wide Web Consortium (abreviat W3C).
Ar trebui să aruncați o privire regulat pe site-ul W3C pentru a vă ține la curent cu evoluțiile actuale din domeniul web.
Când te ocupi de HTML, o întrebare este foarte importantă: Ce versiune ar trebui să folosesc? Vă puteți imagina desigur că un limbaj cum este HTML este actualizat constant. Noi elemente sunt adăugate, cele vechi sunt eliminate.
Iată cele mai importante versiuni sau repere ale limbajului HTML:
• HTML (noiembrie 1992): Aceasta a fost prima versiune. Accentul a fost pus aici exclusiv pe documentele text.
• HTML 2.0 (noiembrie 1995): Acum există elemente și pentru imagini și formulare.
• HTML 4.0 (decembrie 1997): Introducerea foilor de stil, cadrane și scripturi.
• XHTML 1.0 (ianuarie 2000): Aici este vorba despre o reformulare a HTML 4.0 prin intermediul XML.
• HTML5 (aprilie 2009): Aceasta este încă un proiect de lucru, deci nu încă un standard adoptat.
În următoarele tutoriale, accentul va fi pus pe HTML5. Deoarece cu HTML5 ar trebui să se producă din nou un impuls în lumea HTML. Și, de fapt, noua specificație oferă numeroase inovații interesante. Acestea includ, de exemplu, formulare mult mai comode, bare de progres, elemente de desen și o structură de document îmbunătățită. În plus, cu noul standard, videoclipurile pot fi integrate în paginile web fără a fi necesare plugin-uri și există o interfață de tip trage și plasează.
Prima propunere pentru HTML5 a fost deja realizată în 2004 de către Grupul de Tehnologie și Aplicații Web Hipertext (WHATWG) sub numele de Web Applications 1.0.
Deși în prezent HTML5 nu a fost încă publicat ca standard oficial, producătorii de browsere au incorporat deja numeroase funcționalități HTML5 în produsele lor. Aceasta nu este o surpriză, deoarece WHATWG este, printre altele, o alianță a producătorilor de browsere Apple, Mozilla și Opera. Înființarea WHATWG a fost o reacție directă la dezvoltarea lentă a standardelor web de către World Wide Web Consortium (W3C).
La acest nivel, putem să ne întrebăm ce i-a determinat pe producătorii de browsere să dezvolte un standard HTML propriu. Până acum, dezvoltarea HTML era în mâinile W3C. Din perspectiva producătorilor de browsere, problemele au început atunci când W3C a transformat HTML 4.01 în XHTML 1 fără corecții semnificative din punct de vedere al conținutului. Inițial, W3C dorea să stabilească XHTML 1 ca un prim pas către un web bazat pe XML. La finalul dezvoltării, ar fi urmat să apară XHTML 2. A fost această concentrare a W3C pe XML care deranja producătorii de browsere. Din punctul lor de vedere, abordarea XML era practică și nu reflecta dorințele reale ale utilizatorilor. (Lucru pe care W3C îl vede, desigur, în alt mod).
Începând cu anul 2007, W3C și WHATWG dezvoltă împreună o specificație HTML5. Ultimele evoluții privind HTML5 sunt disponibile la http://www.w3.org/TR/html5/.
Accentul va fi pus în tutorialele viitoare tot pe HTML5.
CSS pentru formatare
Cu siguranță ați lucrat deja cu șabloane de document în Word sau alte programe de procesare a textului. Deci, dacă de exemplu marcați o linie, puteți selecta un stil de formatare.
În funcție de formatarea aleasă în șablonul de document pentru acest stil de formatare, va fi afișat titlul. Schimbând șablonul de document, se schimbă și aspectul titlului.
Ce legătură are acum Word-ul cu HTML? Și pentru documentele HTML există șabloane de formatare. Aceste șabloane pot fi definite cu ajutorul CSS (Cascading Stylesheets). Datorită CSS-ului, de exemplu, se poate stabili că titlurile principale (h1) trebuie să fie afișate cu o dimensiune de 22 de pixeli, în verde și cu fontul Arial.
De ce aveți nevoie
În tutorialele următoare, veți învăța treptat HTML și CSS. Pentru a putea implementa pagini web pe baza HTML și CSS, nu aveți nevoie, de fapt, de un software complicat. În cel mai simplu caz, veți utiliza - dacă lucrați sub Windows - editorul standard.
Chiar dacă nu este prea confortabil, este suficient pentru început. Cei care preferă ceva mai confortabil ar trebui să caute mai degrabă un editor HTML "adevărat". Unul dintre clasici este desigur Dreamweaver.
Acest editor nu este însă gratuit.
În schimb, pentru utilizatorii privați este gratuit phase5 (http://www.phase5.info/). Astfel, dacă doriți să folosiți editorul pentru scopuri private, aveți aici un instrument bun și gratuit la îndemână.
Pentru testarea paginii web, pe lângă un editor, ar trebui să aveți instalate cele mai importante browsere. De fapt, browserele interpretează HTML și CSS uneori în moduri destul de divergente. Din acest motiv, este obligatoriu să testați în detaliu paginile în diferite browsere. Ar trebui să aveți cel puțin Internet Explorer, Google Chrome și Mozilla Firefox instalate. Ideal ar fi să testați pagina și în browserul Opera, cât și pe tabletă/smartphone.
