Logo de Dallonses

HTML

Què és HTML?

HTML, abreviatura de HyperText Markup Language, és el llenguatge estàndard per estructurar contingut al web. Tota pàgina és a la seva base un document HTML: una jerarquia d'elements que defineixen encapçalaments, paràgrafs, enllaços, imatges, formularis i la resta de blocs de construcció d'una pàgina. És l'esquelet del web, l'estructura que CSS estilitza i JavaScript dona vida.

Tim Berners-Lee va desenvolupar la primera versió el 1991, i el llenguatge ha passat per diverses iteracions des d'aleshores. L'estàndard actual, HTML5, va afegir elements semàntics com header, nav i article, àudio i vídeo natius, i un conjunt d'APIs que van donar a les pàgines capacitats que abans requerien plugins. La idea clau és que HTML descriu el que el contingut significa, no només com es veu. Un element d'encapçalament marca un encapçalament perquè ho és, cosa que importa molt més enllà de l'aparença. Un lector de pantalla fa servir aquesta estructura perquè una persona cega navegui una pàgina pels seus encapçalaments, i els motors de cerca es recolzen en la mateixa semàntica per entendre de què tracta una pàgina.

HTML mai treballa sol. Defineix estructura i significat, CSS s'encarrega de la presentació visual, i JavaScript afegeix interactivitat i comportament dinàmic. Aquestes tres tecnologies juntes formen la base de tota interfície basada en el web, i encertar amb la capa d'HTML és el que evita que les altres dues tapin una base feble.

HTML a Dallonses

L'HTML net i semàntic és la part del desenvolupament web que decideix en silenci si tot el que es construeix a sobre aguanta. Tractem el marcatge com la base que és, triant elements pel que signifiquen perquè l'estructura continuï sent llegible per a navegadors, tecnologia d'assistència i el següent desenvolupador per igual.

Aquesta base és també on comencen les webs accessibles i el disseny inclusiu. Uns encapçalaments correctes, formularis etiquetats i punts de referència amb sentit deixen qui fa servir lectors de pantalla moure's per un producte igual que la resta, i donen als motors de cerca un mapa clar del contingut. Encertar amb això aviat costa poc; reajustar-ho més tard costa molt.

Vols un lloc construït sobre fonaments sòlids i accessibles en lloc de pedaçat després? Comencem per aquí.

Parla amb nosaltres sobre el web

Serveis relacionats


Preparat per a traballar junts?

Reserva una reunió
Aymón sostenint una revista Tools davant de la seva cara
Ari treballant en un portàtil a l'aire lliure envoltada de plantes
Vista superior d'un escriptori de fusta amb teclat, ratolí i auriculars
Il·lustració dibuixada a mà d'una mà chasquejant els dits
Nico recolzat contra un dispensador d'aigua al costat d'un extintor
Primer pla d'un ordinador obert amb placa de circuit i components sobre un escriptori de fusta
Bernat i Andreu col·laborant en un escriptori amb monitors i un portàtil
Il·lustració dibuixada a mà d'una mà oberta saludant
Aymón sostenint una revista Tools davant de la seva cara
Ari treballant en un portàtil a l'aire lliure envoltada de plantes
Vista superior d'un escriptori de fusta amb teclat, ratolí i auriculars
Il·lustració dibuixada a mà d'una mà chasquejant els dits
Nico recolzat contra un dispensador d'aigua al costat d'un extintor
Primer pla d'un ordinador obert amb placa de circuit i components sobre un escriptori de fusta
Bernat i Andreu col·laborant en un escriptori amb monitors i un portàtil
Il·lustració dibuixada a mà d'una mà oberta saludant