HTML

De la Wikipedia, enciclopedia liberă.
Salt la navigare Salt la căutare
HTML
Logo-ul HTML5 și wordmark.svg
Extensie .html, .htm, .shtml, .shtm
Tip MIME text/html
Dezvoltat de W3C
Prima publicație Iunie 1993 [1]
Ultima versiune 5.2 (14 decembrie 2017 [2] )
Tip Limbaj de marcare
Extensie aSGML
Extins la XHTML
Standard ISO / IEC 15445
Formatul deschis ? Da
Site-ul web html.spec.whatwg.org/

În informatică HyperText Markup Language (traducere literală: limbaj de marcare pentru hipertext ), cunoscut în mod obișnuit prin acronimul HTML , este un limbaj de marcare . Născut pentru formatarea și aspectul documentelor hipertext disponibile pe web 1.0 , astăzi este utilizat în principal pentru decuplarea structurii logice a unei pagini web (definită exact de markup) și reprezentarea acesteia, gestionată prin stiluri CSS pentru a se adapta la noile nevoi de comunicare și publicare pe internet [3] .

HTML este un limbaj de domeniu public , a cărui sintaxă este stabilită de World Wide Web Consortium (W3C). Este derivat din SGML , un metalimbaj care vizează definirea limbilor care pot fi utilizate pentru redactarea documentelor destinate transmiterii în format electronic. Versiunea actuală, a cincea, a fost lansată de W3C în octombrie 2014 .

Principalul motiv care i-a determinat pe W3C și membrii săi să dezvolte HTML5 a fost necesitatea de a furniza direct funcționalități care erau anterior utilizabile prin extensii proprietare în afara browserelor, cum ar fi Adobe Flash și altele asemenea. Un al doilea obiectiv pe care și l-au stabilit dezvoltatorii a fost acela de a asigura o mai mare compatibilitate între diferite browsere, indiferent de platforma software utilizată și care vizează în principal extinderea dispozitivelor mobile . [3]

Istorie

HTML a fost dezvoltat la începutul anilor nouăzeci al secolului al XX-lea de Tim Berners-Lee la CERN din Geneva ( Elveția ), împreună cu protocolul HTTP dedicat transferului de documente în acest format. În 1989 Berners-Lee a propus un proiect care implică publicarea Hypertext , cunoscut sub numele de " world wide web ". În cadrul acestui proiect, atât „ httpd “ server de web (Hypertext Transfer Protocol Daemon) și WorldWideWeb client (primul browser din istorie) s- au născut, a cărui dezvoltare a început în octombrie 1990, și a căror utilizare este exclusiv intern la CERN până la publicarea sa pe internet în 1991. Ajutat de colegii sai din cadrul Institutului elvețian, Berners-Lee a contribuit la definirea primei versiuni a HTML, care a fost făcută publică în mod oficial , în iunie anul 1993 , co-semnat cu Daniel Connolly și susținut de Engineering Task Internet Forța grupului de lucru (IETF) numita integrare a resurselor Internet Information, să - l propună ca un standard IETF. [1]

HTML exemplu de pagină
HTML exemplu de pagină

În 1994 limba a avut o puternică difuziune în urma primelor utilizări comerciale ale web , astfel încât , în același an sa născut World Wide Web Consortium , și din acel moment, dezvoltarea HTML va deveni apanajul W3C.

În 1995 W3C versiunea 3.0 a HTML, care a fost urmată de versiunea 3.2 în definită 1997 , și în cele din urmă a venit primele HTML4 specificațiile din 1998 .

Versiunea 4.01, publicată la 24 decembrie 1999 și penultima versiune oficială, este rezultatul diferitelor extinderi și îmbunătățiri din deceniul anterior, în special în separarea nivelului de prezentare a formatării, adică a celui care descrie graficul aspecte ale documentului, într-o entitate separată de HTML, foi de stil în cascadă ( CSS ), definite în același an în prima lor versiune, nivelul 1 [4] . Această distincție, între conținut și aspectul final al documentului, permite browserelor și dispozitivelor diferite să reprezinte același conținut într-un mod adecvat diferitelor capacități și dimensiuni grafice disponibile. Dacă, pe de o parte, acest lucru necesită dezvoltatorilor web să creeze personalizarea foilor de stil, pe de altă parte, a garantat difuziunea maximă a web-ului și a împiedicat-o să devină un mediu de elită .

În ianuarie 2000, XHTML 1.0 [5] a fost publicat ca standard, o variantă a HTML4 care folosește XML 2.0 în loc de SGML ca limbaj de markup, pentru a-și îmbunătăți interoperabilitatea cu alte limbaje ale familiei, cum ar fi SVG și MathML [6]. ] W3C a decis să reformuleze HTML4 și să continue dezvoltarea numai pe XHTML [7], iar în mai 2011 XHTML 1.1 devine un standard oficial [8] .

De-a lungul noului mileniu, W3C a început să lucreze la două noi proiecte, unul având ca scop extinderea XHTML , iar celălalt destinat definirii unui nou limbaj care nu ar fi compatibil cu versiunile mai vechi de HTML și XHTML, cunoscute sub numele de XHTML 2 (ultimul proiect a fost declarat oficial falit la sfârșitul anului 2010, în favoarea unei abordări mai puțin rigide).

În 2004 , după o zi de studiu, s-a născut un grup de lucru alternativ la consorțiu: Apple , Fundația Mozilla , Opera Software și, mai târziu, și Google , s-au reunit în grupul de lucru pentru tehnologia aplicației de hipertext web ( WHATWG ) și au început dezvoltarea unei noi versiuni de HTML, îngrijorată de lipsa de interes față de HTML arătată de consorțiu [9] . În 2006 , W3C a decis să ia parte la dezvoltarea HTML5 și în 2007 sa alăturat WHATWG , cele două grupuri colaborând până în 2011, când își dau seama că au obiective ireconciliabile: consorțiul a dorit să traseze o linie și să publice o nouă versiune a specificațiilor standard, în timp ce WHATWG dorea un standard în evoluție [7] . W3C a publicat a cincea revizuire a specificației la 28 octombrie 2014 [2] .

În prezent, documentele HTML sunt capabile să încorporeze multe tehnologii, care oferă posibilitatea de a adăuga controale mai sofisticate asupra redării grafice, interacțiuni dinamice cu utilizatorul, animații interactive și conținut multimedia în documentul hipertext . Acestea sunt limbi precum CSS , JavaScript , XML , JSON sau alte aplicații multimedia de animație vectorială sau streaming audio sau video .

În zilele noastre, mulți designeri web delegă scrierea codului HTML unor aplicații specifice, cum ar fi așa-numiții editori WYSIWYG, care permit designerului să aibă grijă de aspectul grafic final al paginii, în timp ce codul real este generat automat. Dezvoltatorii puri, pe de altă parte, preferă să utilizeze codul HTML direct, pentru a avea un control mai mare asupra rezultatului final și a curățeniei codului scris, lucru pe care editorii WYSIWYG de astăzi, în ciuda faptului că sunt din ce în ce mai avansați, nu pot garanta întotdeauna , de asemenea, pentru redarea diferită a browserelor pe părți ale codului HTML.

Descriere

HTML este un limbaj de formatare care descrie metodele de paginare sau afișare grafică ( aspect ) a conținutului, textual sau de altă natură, al unei pagini web prin etichete de formatare . Deși HTML acceptă inserarea de scripturi și obiecte externe , cum ar fi imagini sau filme , nu este un limbaj de programare : deoarece nu oferă nicio definiție a variabilelor , structurilor de date , funcțiilor sau structurilor de control care pot implementa programe , codul său este în măsură numai pentru a structura și decora datele textuale. [10] [11]

Limbajul HTML, sau varianta sa XHTML , are scopul de a gestiona conținutul prin asocierea sau specificarea în același timp a structurii grafice ( aspectului ) din pagina web care urmează să fie creată grație utilizării diferitelor etichete . Fiecare etichetă (cum ar fi <h1> sau <p> ) specifică un rol de conținut diferit pe care îl marchează (deci eticheta <h1> va defini o importanță mai mare decât eticheta <p> ). Formatarea constă în inserarea de markeri sau etichete în text, numite etichete , care descriu caracteristici precum funcția, culoarea, dimensiunea, poziția relativă în cadrul paginii. Browserele care citesc codul afișează utilizatorului formatarea predefinită pentru fiecare etichetă pe care o întâlnește (astfel, de exemplu, conținutul marcat cu eticheta <h1> va avea 18pt caracter și conținutul marcat cu <p> va avea 12pt caractere). Cu toate acestea, această formatare este complet sub controlul utilizatorului, care îl poate modifica în setările browserului său.

Atunci când un document hipertext scris în HTML este stocat într-un fișier, extensia este de obicei .html sau .htm .

Arhivare și manipulare

Documentele HTML sunt stocate pe hard diskurile mașinilor de procesat ( computer - server ) conectate în mod constant și conectate la Internet . Un software specific ( server web ) este instalat pe aceste mașini care este responsabil pentru producerea și trimiterea documentelor către browserele utilizatorilor care le solicită folosind protocolul HTTP pentru transferul de date.

Adesea documentul HTML este generat complet sau parțial printr-un cod executabil care se află pe serverul Internet (procesare pe partea de server ) capabil să interacționeze cu alte aplicații de pe server, cum ar fi o bază de date , și apoi să trimită rezultatul către browser. , crearea așa-numitelor pagini web dinamice cu care un utilizator poate efectua operațiuni interactive avansate (de exemplu, filtrează elementele dintr-un catalog online, trimite și înregistrează date, se poate conecta etc.). Acesta este cazul documentelor scrise în limbi precum ASP , PHP , Perl sau Java . În alte cazuri, unele tipuri de procesare sunt efectuate pe partea clientului cu limbi precum JavaScript .

Sintaxă

Componenta principală a sintaxei acestui limbaj este elementul , destinat ca o structură de bază căreia îi este delegată funcția de formatare a datelor sau de indicare a informațiilor către browser .

Fiecare element este încadrat în marcaje numite etichete , constând dintr-o secvență de caractere închise între două paranteze unghiulare sau cârlige (<>), adică semnele minore și majore (de exemplu: <br /> ; eticheta acestui exemplu servește pentru a indica o întoarcere cu trăsura).

Când eticheta trebuie aplicată unei secțiuni de text sau cod, domeniul de aplicare trebuie delimitat între o etichetă de deschidere și o închidere (închidere explicită), care coincide cu eticheta de deschidere precedată de o bară ( / ) după parantezul unghiular deschis (De exemplu: <b>testo testo testo</b> , în acest caz, textul dintre aceste două etichete va fi afișat cu caractere aldine de browser).

Unele etichete au o aplicație specifică, cum ar fi eticheta <img> care este utilizată pentru a insera o imagine într-un anumit punct al paginii și, ca atare, nu necesită eticheta de închidere; în acest caz vorbim de etichete de închidere implicite . Pe de altă parte, în XHTML , închiderea implicită este interzisă și toate etichetele trebuie întotdeauna închise în mod explicit prin intermediul unei etichete de închidere sau, în cazul etichetelor punctuale, utilizând caracterul „/” la sfârșitul etichetei în sine ( de exemplu <br /> ). Pentru aceste etichete, browserele pot accepta ambele moduri, din motive de compatibilitate.

Structura unui document HTML

Pictogramă lupă mgx2.svg Același subiect în detaliu: element HTML .
Structura unui document HTML general.

Un document HTML începe cu o declarație de tip document, un șir scurt care indică în ce sintaxă și versiunea sa este scris, de exemplu HTML 4.0 Strict. Aceste informații sunt necesare pentru ca browserul să identifice regulile de interpretare și afișare adecvate pentru documentul specific și din acest motiv declarația trebuie să preceadă documentul propriu-zis.

Fiecare versiune a limbajului HTML înainte de a cincea, adică până la HTML 4.01 sau XHTML 1.1, are o sintaxă definită formal printr-o definiție de tip document (DTD) care, publicată pe web de W3C, indică, pentru fiecare versiune, care elementele, atributele și entitățile pot sau ar trebui utilizate și în ce mod; prin urmare, în aceste cazuri, declarația de tip document trebuie (poate, în cazul variantelor XML), să includă și adresa URL a acestei resurse. A cincea versiune de HTML, pe de altă parte, nu are DTD-uri, deci în aceste cazuri declarația inițială indică simpla formulare „HTML”.

Pentru a declara un document care va utiliza standardul HTML5, utilizați eticheta <!DOCTYPE html> .

După declararea tipului de document, documentul HTML prezintă o structură de copac imbricată, compusă din secțiuni delimitate de etichete corespunzătoare care în interiorul lor conțin subsecțiuni mai mici, întotdeauna delimitate de etichete.

Structura cea mai exterioară este cea care delimitează întregul document, cu excepția DTD, și este inclusă între etichetele <html> și </html> .

În cadrul etichetelor <html> , standardul prevede întotdeauna definirea a două secțiuni distincte aranjate într-o secvență ordonată:

  • antetul sau secțiunea antet , delimitată între etichetele <head> și </head> , care conține informații de control care nu sunt afișate în mod normal de browser, cu excepția unor elemente
  • secțiunea corpului sau a corpului , delimitată între etichetele <body> și </body> , care conține partea reală de informații, adică textul, imaginile și linkurile care alcătuiesc partea afișată de browser.

Sub această subdiviziune generală, standardul nu prevede obligații speciale cu privire la ordinea și poziționarea altor subsecțiuni în antet sau corp , în afară de indicația conformității cu cuiburile corecte (subsecțiunile nu trebuie să se suprapună, adică fiecare subsecțiune trebuie să fie închis înainte de a începe următoarea subsecțiune), lăsând astfel libertatea deplină dezvoltatorului sau proiectantului cu privire la structurarea și organizarea ulterioară.

Etichetă cap

Etichetele utilizate în secțiunea cap sunt de obicei de un tip diferit de cele utilizate în secțiunea corp , fiind destinate scopurilor diferite. Etichetele utilizate în secțiunea head nu sunt afișate în mod normal de browser, ci servesc drept informații de control și servicii, cum ar fi:

  • metadate pentru a transmite informații utile aplicațiilor externe (de exemplu, motoare de căutare) sau browserului (de exemplu, codificarea caracterelor, utilă pentru vizualizarea alfabetelor non-latine)
  • Metadate http-equiv pentru a controla informații suplimentare în protocolul HTTP
  • linkuri către fișiere de servicii externe ( CSS , scripturi, pictograme afișate în bara de adrese a browserului)
  • inserarea scripturilor (cod executabil) utilizate de document
  • informații despre stil (CSS local)
  • titlul asociat paginii și afișat în fereastra principală a browserului

Eticheta corpului

În secțiunea corp , care cuprinde partea vizibilă a documentului, sunt utilizate etichetele specifice furnizate pentru formatarea conținutului accesibil utilizatorului final, adică pentru controlul:

  • titluri (titluri de capitole, titluri de paragrafe etc.)
  • structuri de text (text indentat, paragrafe etc.)
  • aspectul textului (aldin, cursiv etc.)
  • liste și liste (numerotate, generice, definiție)
  • Mese
  • formulare electronice (câmpuri care pot fi completate de utilizator, câmpuri selectabile, meniuri derulante, butoane etc.)
  • hyperlinkuri și ancore
  • aspect generic al documentului
  • inserarea imaginilor
  • inserarea conținutului multimedia ( audio , video , animații etc.)
  • inserarea conținutului interactiv ( scripturi , aplicații externe)

Dintre cele enumerate mai sus, eticheta <a> joacă un rol cheie întrucât descrie un link (sau link ) către un alt document hipertext care permite, printr-un clic de mouse sau cu o operație de tastatură , să părăsească pagina de pe site-ul în care sunteți vizualizarea și încărcarea celei indicate de link, realizând astfel funcția de navigare tipică utilizării internetului.

Haml

Haml (HTML Abstraction Markup Language) este un sistem de șabloane conceput pentru a evita scrierea codului inline într-un document web și pentru a face HTML mai curat. Haml oferă flexibilitatea de a avea un conținut HTML dinamic. Similar cu alte limbaje web, cum ar fi PHP, ASP, JSP și sisteme de șabloane precum eRuby, Haml încorporează, de asemenea, un anumit cod care rulează în runtime și generează cod HTML pentru a oferi un conținut dinamic. Pentru a rula codul Haml, fișierele trebuie să aibă o extensie .haml . Aceste fișiere sunt similare cu fișierele .erb sau eRuby; de asemenea, ajută la încorporarea codului Ruby atunci când dezvoltă o aplicație web [12] .

Exemplu

Haml folosește indentarea spațiului (două spații) pentru cuibărire și scopuri de etichete, care acționează ca un substitut pentru perechile de etichete deschise , făcându-l uscat și mai curat. Următorul exemplu compară sintaxa Haml și eRuby (Ruby încorporat), împreună cu ieșirea HTML.

Haml ERB HTML
 % div .categorie 
   % div .rețete 
       % h1 = rețetă. Nume 
       % h3 = rețetă. categorie 
   % div 
       % h4 = rețetă. Descriere
<div class = "category"> 
    <div class = "recipes"> 
        <h1> <% = rețetă. nume%> </ h1> 
        <h3> <% = rețetă. categoria%> </ h3> 
    </ div> 
    <div> 
        <h4> <% = rețetă. descriere%> </ h4> 
    <
</ div>
<div class = "category"> 
    <div class = "recipes"> 
        <h1> Cookie </ h1> 
        <h3> Desert </ h3> 
    </ div> 
    <div> 
        <h4> Pe bază de paste și zahăr. De obicei, are o formă circulară și are în jur de 400 de calorii. </ h4> 
    </ div> 
</ div>

CodePen

Sigla CodePen
Sigla CodePen

CodePen este o comunitate online pentru testarea și afișarea fragmentelor de cod HTML, CSS și JavaScript create de utilizator. Funcționează ca un editor de cod online și un mediu de învățare open source , unde dezvoltatorii pot crea fragmente de cod, numite „pixuri”, și le pot testa. A fost fondată în 2012 de dezvoltatorii full-stack Alex Vazquez și Tim Sabat și de designerul front-end Chris Coyier [13] . Angajații săi lucrează de la distanță, rareori toți se întâlnesc personal. CodePen este una dintre cele mai mari comunități de designeri și dezvoltatori web care își prezintă abilitățile de programare [14] , cu aproximativ 330.000 de utilizatori înregistrați în 2015 [15] și 14,16 milioane de vizitatori lunari în 2019 [16] .

HTML Tidy

Pictogramă lupă mgx2.svg Același subiect în detaliu: HTML Tidy .

HTML Tidy este un instrument conceput de Dave Raggett pentru a ajuta la evitarea greșelilor la scrierea codului HTML.

De fapt, Tidy se ocupă de corectarea tuturor celor mai tipice erori întâlnite în timpul dezvoltării codului web. De asemenea, se ocupă de a face codul generat de editorul HTML lizibil și de a indica utilizatorului unde să acorde mai multă atenție. Poate recunoaște o gamă largă de erori, marcându-le ca AVERTISMENTE , care sunt flancate de numerele de rânduri și coloane.

Notă

  1. ^ a b ( EN ) Tim Berners-Lee și Daniel Connolly, Hypertext Markup Language (HTML) - A Representation of Textual Information and MetaInformation for Retrieval and Interchange ( TXT ), World Wide Web Consortium , 1993.
  2. ^ a b https://html.spec.whatwg.org/multipage/
  3. ^ a b Daniele Bochiccio și Stefano Mostarda, HTML5 cu CSS și JavaScript , Hoepli, 2015, p. 20.
  4. ^ (RO) Cascading Style Sheets, nivel 1 , pe consorțiul World Wide Web.
  5. ^ (EN) XHTML 1.0: The Extensible HyperText Markup Language - O reformulare a HTML 4 în XML 1.0 - Recomandare W3C , pe World Wide Web Consortium, 26 ianuarie 2000.
  6. ^ (EN) §1.1 , în De ce este nevoie de XHTML? , Specificație XHTML 1.0 , World Wide Web Consortium, 26 ianuarie 2000.
  7. ^ a b ( EN ) §1.4 , în Istorie , HTML5 - Un vocabular și API-uri asociate pentru HTML și XHTML - Recomandare W3C , World Wide Web Consortium, 28 octombrie 2014.
  8. ^ (EN) XHTML 1.1 - XHTML bazat pe module - Recomandare W3C , pe consorțiul World Wide Web, 31 mai 2001.
  9. ^ (RO) Ce este WHATWG? , la wiki.whatwg.org . Adus pe 19 ianuarie 2017 .
  10. ^ (EN) Thomas Powell,HTML și XHTML: referința completă , McGraw-Hill, 2003, p. 25 , ISBN 0-07-222942-X .
    HTML nu este un limbaj de programare .
  11. ^ (EN) Niederst Jennifer Robbins, Learning Web Design , O'Reilly, 2007, p. 4 , ISBN 978-0-596-52752-5 .
    « HTML nu este un limbaj de programare; este un limbaj de marcare " .
  12. ^ Haml , la haml.info . Adus la 4 februarie 2021 .
  13. ^ CodePen „Despre pagina” , Codepen.io , 17 martie 2016.
  14. ^ Thiago Pontes și Maxwell Da Silva „Construind o experiență video de 360 ​​de grade pe platforma transversală la New York Times” , The New York Times , 11 noiembrie 2016.
  15. ^ Kelly Kearsley, Actualizare # 50startups: Cum CodePen a strâns 1 milion de dolari (în cinci minute) . Startupbend . 14 septembrie 2015.
  16. ^ (EN) statistici de trafic codepen.io , pe SimilarWeb. Adus la 16 noiembrie 2019 .

Bibliografie

Elemente conexe

Alte proiecte

linkuri externe

Controllo di autorità LCCN ( EN ) sh95002791 · GND ( DE ) 4373477-7 · BNF ( FR ) cb12493600c (data) · BNE ( ES ) XX539726 (data)