HTML (Hypertext Markup Language) și CSS (Cascading Style Sheets) sunt două dintre tehnologiile de bază pentru construirea paginilor Web. HTML oferă structura paginii, CSS aspectul (vizual și fonetic), pentru o varietate de dispozitive. Alături de grafică și scripting, HTML și CSS stau la baza construirii paginilor Web și a aplicațiilor Web. Aflați mai multe mai jos despre:
ce este HTML?
HTML este limbajul pentru descrierea structurii paginilor Web. HTML oferă autorilor mijloacele de a:
- publicați documente online cu titluri, text, tabele, liste, fotografii etc.
- prelua informații on-line prin link-uri hipertext, la un clic pe un buton.
- formulare de proiectare pentru efectuarea tranzacțiilor cu servicii la distanță, pentru a fi utilizate în căutarea informațiilor, efectuarea rezervărilor, comandarea produselor etc.
- includeți foi de răspândire, clipuri video, clipuri audio și alte aplicații direct în documentele lor.
cu HTML, autorii descriu structura paginilor folosind marcajul. Elementele limbii etichetează bucăți de conținut, cum ar fi „paragraf”, „Listă”, „Tabel” și așa mai departe.
ce este XHTML?
XHTML este o variantă de HTML care utilizează sintaxa XML, limbajul Extensibil de marcare. XHTML are toate aceleași elemente (pentru paragrafe etc.) ca varianta HTML, dar sintaxa este ușor diferită. Deoarece XHTML este o aplicație XML, puteți utiliza alte instrumente XML cu ea (cum ar fi XSLT, un limbaj pentru transformarea conținutului XML).
ce este CSS?
CSS este limba pentru descrierea prezentării paginilor Web, inclusiv culori, aspect și fonturi. Permite adaptarea prezentării la diferite tipuri de dispozitive, cum ar fi ecrane mari, ecrane mici sau imprimante. CSS este independent de HTML și poate fi utilizat cu orice limbaj de marcare bazat pe XML. Separarea HTML de CSS facilitează menținerea site-urilor, partajarea foilor de stil pe pagini și adaptarea paginilor la diferite medii. Aceasta este denumită separarea structurii (sau: conținut) de prezentare.
ce este WebFonts?
WebFonts este o tehnologie care permite oamenilor să utilizeze fonturi la cerere pe Web fără a necesita instalarea în sistemul de operare. W3C are experiență în fonturi descărcabile prin HTML, CSS2 și SVG. Până de curând, fonturile descărcabile nu erau obișnuite pe Web din cauza lipsei unui format de font interoperabil. Efortul WebFonts intenționează să abordeze acest lucru prin crearea unui format de font deschis, acceptat de industrie, pentru Web (numit „WOFF”).
Exemple
următorul exemplu foarte simplu al unei porțiuni dintr-un document HTML ilustrează modul de creare a unei legături într-un paragraf. Când este redat pe ecran (sau printr-un sintetizator de vorbire), textul linkului va fi „Raport final”; când cineva activează linkul, browserul va prelua resursa identificată prin „http://www.example.com/report”:
<p class="moreinfo">For more information see the<a href="http://www.example.com/report">final report</a>.</p>
class atribut pe eticheta de pornire a paragrafului („<p>”) poate fi folosit, printre altele, pentru a adăuga stil. De exemplu, pentru a italiciza textul tuturor paragrafelor cu o clasă de „moreinfo”, s-ar putea scrie, în CSS:
p.moreinfo { font-style: italic }
plasând acea regulă într-un fișier separat, stilul poate fi împărtășit de orice număr de documente HTML.