Pe măsură ce începeți să explorați lumea de design web, veți fi, fără îndoială, introduse la un număr de cuvinte și expresii care sunt noi pentru tine. Unul din termenii pe care probabil îl veți auzi este "marcaj" sau poate "limbaj de markup". Cum este "marcajul" diferit de "codul" și de ce par să utilizeze acești termeni interschimbabil? Să începem să aruncăm o privire la exact ce este "limbajul de marcare".
Să ne uităm la 3 limbi de marcare
Aproape fiecare acronim pe Web care are un "ML" în acesta este un "limbaj de markup" (surpriză mare, adică "ML"). Limbile de marcare sunt blocurile folosite pentru a crea pagini web sau toate formele și dimensiunile.
În realitate, există multe limbi de marcare diferite în lume. Pentru proiectarea și dezvoltarea web-ului, există trei limbi specifice de marcare pe care probabil că le veți întâlni. Acestea sunt HTML, XML și XHTML .
Ce este un limbaj de marcare?
Pentru a defini în mod corespunzător acest termen - un limbaj de markup este o limbă care adnotă textul, astfel încât computerul să poată manipula acel text. Cele mai multe limbi de marcare sunt citite de om, deoarece adnotările sunt scrise astfel încât să le distingă de textul însuși. De exemplu, cu HTML, XML și XHTML, etichetele de marcare sunt <și>. Orice text care apare într-unul din acele caractere este considerat parte a limbajului de marcare și nu face parte din textul adnotat.
De exemplu:
Acesta este un paragraf de text scris în HTML
Acest exemplu este un paragraf HTML. Acesta este alcătuit dintr-o etichetă de deschidere (
), o etichetă de închidere () și textul efectiv care va fi afișat pe ecran (acesta este textul cuprins între cele două etichete). Fiecare etichetă include un simbol "mai mic decât" și "mai mare decât" pentru al desemna ca parte a marcajului.
Când formatați textul care trebuie afișat pe un computer sau pe alt ecran al dispozitivului , trebuie să faceți distincție între textul însuși și instrucțiunile pentru text. "Marcajul" reprezintă instrucțiunile pentru afișarea sau tipărirea textului.
Marcajul nu trebuie să fie citit de calculator. Adnotările efectuate în imprimat sau într-o carte sunt, de asemenea, considerate marcare. De exemplu, mulți studenți la școală vor evidenția anumite fraze în cărțile lor. Aceasta indică faptul că textul evidențiat este mai important decât textul înconjurător. Culoarea evidențiată este considerată marcare.
Marcarea devine o limbă atunci când regulile sunt codificate în legătură cu modul de scriere și de utilizare a marcajului respectiv. Același student ar putea avea propriul "note de luare a limbajului de markup" dacă au codificat reguli precum "marcator purpuriu este pentru definiții, marcator galben este pentru detalii examen, iar notele creion în margini sunt pentru resurse suplimentare".
Cele mai multe limbi de marcare sunt definite de o autoritate externă pentru a fi utilizate de mai mulți oameni diferiți. Acesta este modul în care funcționează limbile de marcare pentru Web. Acestea sunt definite de W3C sau World Wide Web Consortium .
HTML-HyperText Language Markup
HTML sau HyperText Markup Language este limba principală a Web-ului și cea mai obișnuită cu care veți lucra în calitate de web designer / developer.
De fapt, poate fi singurul limbaj de markup pe care îl utilizați în munca dvs.
Toate paginile web sunt scrise într-o aromă de HTML. HTML definește modul în care imaginile , multimedia și textul sunt afișate în browserele web. Această limbă include elemente pentru conectarea documentelor dvs. (hipertext) și pentru a face interacțiunile documentelor dvs. web (cum ar fi cu formulare). Mulți oameni numesc HTML "codul site-ului", dar, de fapt, este într-adevăr doar un limbaj de markup. Nici unul dintre termeni nu este strict greșit și veți auzi oameni, inclusiv profesioniștii web, folosiți acești doi termeni interschimbabil.
HTML este un limbaj de markup standard definit. Se bazează pe SGML (Standard Generalized Markup Language).
Este o limbă care utilizează etichete pentru a defini structura textului. Elementele și etichetele sunt definite de caracterele <și>.
În timp ce HTML este de departe cel mai popular limbaj de markup folosit astăzi pe Web, nu este singura alegere pentru dezvoltarea web-ului. Pe măsură ce a fost dezvoltat HTML, acesta a devenit din ce în ce mai complicat, iar etichetele de stil și de conținut au fost combinate într-o singură limbă. În cele din urmă, W3C a decis că este nevoie de o separare între stilul unei pagini web și conținutul. O etichetă care definește numai conținutul va rămâne în HTML, în timp ce etichetele care definesc stilul au fost depreciate în favoarea CSS (Cascading Style Sheets).
Cea mai nouă versiune numerotată a HTML-ului este HTML5. Această versiune a adăugat mai multe funcții în HTML și a eliminat o parte din strictețea impusă de XHTML (mai mult pe această limbă în scurt timp).
Modul în care este lansat HTML a fost modificat odată cu creșterea HTML5. Astăzi, se adaugă noi caracteristici și modificări fără a fi nevoie să fie lansată o nouă versiune numerotată. Cea mai recentă versiune a limbii este pur și simplu denumită "HTML".
Limbajul de marcare eXtensible XML
Limba eXtensible Markup este limbajul pe care se bazează o altă versiune a HTML. Ca și HTML, XML este de asemenea bazat pe SGML. Este mai puțin strictă decât SGML și mai strictă decât HTML simplu. XML oferă extensibilitatea pentru a crea diferite limbi diferite.
XML este o limbă pentru scrierea limbajelor de marcare. De exemplu, dacă lucrați la genealogie, puteți crea taguri utilizând XML pentru a defini tatăl, mama, fiica și fiul în XML-ul dvs., astfel:
Există, de asemenea, câteva limbi standardizate deja create cu XML: MathML pentru definirea matematicii, SMIL pentru lucrul cu multimedia, XHTML și multe altele.
XHTML-eXtended HyperText Language Markup
XHTML 1.0 este HTML 4.0 redefinit pentru a îndeplini standardul XML . XHTML a fost înlocuit în designul web modern cu HTML5 și schimbările care au venit de atunci. Este puțin probabil să găsiți site-uri noi folosind XHTML, dar dacă lucrați la un site mult mai vechi, este posibil să întâlniți XHTML acolo în sălbăticie.
Nu există diferențe majore între HTML și XHTML , dar aici este ceea ce veți observa:
- XHTML este scrisă cu litere mici. Deși etichetele HTML pot fi scrise în cazul UPPER, cazul MiXeD sau literele mici, pentru a fi corecte, etichetele XHTML trebuie să fie cu litere mici. (Notă - mulți profesioniști web scriu HTML în toate literele mici, chiar dacă nu este necesar tehnic).
- Toate elementele XHTML trebuie să aibă o etichetă de capăt. Elemente cu o singură etichetă, cum ar fi și care au nevoie de o bară de închidere (/) la sfârșitul etichetei:
- Toate atributele trebuie să fie citate în XHTML. Unii oameni elimină citatele din jurul atributelor pentru a economisi spațiu, dar sunt necesare pentru corectarea XHTML.
- XHTML cere ca etichetele să fie imbricate corect. Dacă deschideți un element ald () și apoi un element italic (), trebuie să închideți elementul italic () înainte de a închide caracterele aldine (). (Rețineți că ambele elemente au fost depreciate deoarece sunt elementele vizuale. HTML utilizează acum și în locul celor două)
- Atributele HTML trebuie să aibă un nume și o valoare. Atributele care sunt separate în HTML trebuie să fie declarate și cu valori, de exemplu, atributul HR va fi scris noshade = "noshade".
Articolul original de Jennifer Krynin. Editat de Jeremy Girard pe 7/5/17.