A mesura que comença a explorar el món del disseny web, sens dubte serà introduït a una sèrie de paraules i frases que són noves per a vostè. Un dels termes que probablement escoltarà és "marca" o potser "llenguatge de marques". Com és que el "marcat" és diferent del "codi" i per què alguns professionals de la web semblen utilitzar aquests termes de manera indistinta? Comencem donant una ullada a exactament el que és un "llenguatge de marques".
Vegem 3 llenguatges de marques
Gairebé totes les sigles a la Xarxa que tenen un "ML" és un "llenguatge de marques" (gran sorpresa, és a dir, el que significa "ML"). Els llenguatges de marcat són els blocs de construcció utilitzats per crear pàgines web o totes les formes i mides.
En realitat, hi ha molts llenguatges de marques diferents al món. Per al disseny i el desenvolupament web, hi ha tres llenguatges de marques específics que probablement us cobrem. Aquests són HTML, XML i XHTML .
Què és un llenguatge de marcat?
Per definir correctament aquest terme, un llenguatge de marcatge és un idioma que anota text per tal que l'ordinador pugui manipular aquest text. La majoria de les llengües de marques són llegibles perquè les anotacions s'escriuen de manera que els distingeixi del text mateix. Per exemple, amb HTML, XML i XHTML, les etiquetes de marca són . Qualsevol text que aparegui dins d'un d'aquests caràcters es considera part del llenguatge de marques i no forma part del text comentat.
Per exemple:
Aquest és un paràgraf de text escrit en HTML
Aquest exemple és un paràgraf HTML. Està format per una etiqueta d'obertura (
), una etiqueta de tancament (), i el text que es mostrarà a la pantalla (aquest és el text que hi ha entre les dues etiquetes). Cada etiqueta inclou un símbol "menys que" i "gran que" per designar-lo com a part del marcat.
Quan formateu el text que es mostrarà a l'ordinador o en una altra pantalla del dispositiu , heu de distingir entre el text i les instruccions del text. El "marcat" són les instruccions per mostrar o imprimir el text.
El marcat no ha de ser llegible per ordinador. Les anotacions realitzades a la impressió o en un llibre també es consideren marques. Per exemple, molts estudiants de l'escola ressaltaran certes frases en els seus llibres de text. Això indica que el text ressaltat és més important que el text que l'envolta. El color de ressaltat es considera marcat.
El marcat es converteix en un idioma quan es codifiquen les regles sobre com escriure i utilitzar aquest marcat. Aquest mateix estudiant podria tenir la seva pròpia "nota prenent un llenguatge de marques" si codificava regles com "marcador violeta és per definicions, el marcador groc és per als detalls de l'examen, i les notes de llapis en els marges són per a recursos addicionals".
La majoria dels llenguatges de marques estan definits per una autoritat externa que pot ser utilitzada per moltes persones diferents. Així és com funcionen els llenguatges de marques per al web. Estan definits pel W3C o World Wide Web Consortium .
Llenguatge de marques HTML-HyperText
El llenguatge de marcatge HTML o HyperText és l'idioma principal de la web i el més comú amb què es treballarà com a dissenyador / desenvolupador web.
De fet, pot ser l'únic idioma de marcatge que feu servir al vostre treball.
Totes les pàgines web estan escrites amb un sabor d'HTML. HTML defineix la manera com es mostren imatges , multimèdia i text als navegadors web. Aquest idioma inclou elements per connectar els vostres documents (hipertext) i fer que els vostres documents web siguin interactius (com ara els formularis). Moltes persones anomenen HTML "codi del lloc web", però en realitat és només un llenguatge de marques. Cap dels terminis és estrictament incorrecte i escoltarà a les persones, inclosos els professionals de la web, utilitzar aquests dos termes indistintament.
HTML és un llenguatge de marcat estàndard definit. Està basat en SGML (Standard Generalized Markup Language).
És un llenguatge que utilitza etiquetes per definir l'estructura del text. Els caràcters defineixen elements i etiquetes.
Tot i que HTML és, amb diferència, el llenguatge de marques més popular que s'utilitza avui a la Web, no és l'única opció per al desenvolupament web. A mesura que es va desenvolupar HTML, es va complicar cada cop més i les etiquetes de contingut i estil combinaven en un sol idioma. Finalment, el W3C va decidir que hi havia una necessitat d'una separació entre l'estil d'una pàgina web i el contingut. Una etiqueta que defineixi el contingut solament es mantindrà en HTML mentre que les etiquetes que defineixen l'estil quedaven obsoletes a favor de CSS (Cascading Style Sheets).
La versió més recent numerada de HTML és HTML5. Aquesta versió ha afegit més funcions a HTML i elimina algunes de les estrictes que va imposar XHTML (més aviat en aquest idioma).
La manera en què s'allibera HTML s'ha modificat amb l'augment de l'HTML5. Actualment, s'afegeixen noves funcions i canvis sense haver de publicar una versió nova numerada. L'última versió del llenguatge simplement es coneix com a "HTML".
XML-eXtensible Markup Language
El llenguatge de marcatge eXensible és l'idioma en què es basa una altra versió d'HTML. Igual que HTML, XML també està basat en SGML. És menys estricta que SGML i HTML més estricte que simple. XML proporciona la extensibilitat per crear diversos idiomes diferents.
XML és un llenguatge per escriure llenguatges de marques. Per exemple, si esteu treballant en genealogia, podeu crear etiquetes amb XML per definir el pare, la mare, la filla i el fill en el vostre XML com aquest:
També hi ha diversos idiomes estandarditzats que ja s'han creat amb XML: MathML per definir matemàtiques, SMIL per treballar amb multimèdia, XHTML i molts altres.
Llenguatge de marcat d' hipertext XHTML-eXtended
XHTML 1.0 és HTML 4.0 redefinit per complir amb l'estàndard XML . XHTML ha estat reemplaçat en el disseny web modern amb HTML5 i els canvis que s'han produït des de llavors. És poc probable que trobeu llocs nous utilitzant XHTML, però si esteu treballant en un lloc molt antic, potser encara trobareu XHTML fora de casa.
No hi ha moltes diferències importants entre HTML i XHTML , però això és el que veuràs:
- XHTML està escrit en minúscules. Tot i que les etiquetes HTML es poden escriure en majúscules majúscules, cas MiXeD o minúscules, per ser correctes, les etiquetes XHTML han de ser totes minúscules. (Nota: molts professionals web escriuen HTML en minúscules, tot i que no és tècnic necessari).
- Tots els elements XHTML han de tenir una etiqueta final. Elements amb només una etiqueta, com ara, i necessiteu una barra inclinada (/) al final de l'etiqueta:
- Tots els atributs s'han de citar en XHTML. Algunes persones eliminen les cometes dels atributs per estalviar espai, però es requereixen per a l'XHTML correcte.
- XHTML requereix que les etiquetes estiguin ben anellades. Si obriu un element en negreta () i després un element en cursiva (), heu de tancar l'element cursiva () abans de tancar l'en negreta (). (Tingueu en compte que ambdós elements han quedat obsolets perquè són elements visuals. Ara HTML usa i en lloc d'aquests dos)
- Els atributs HTML han de tenir un nom i un valor. Els atributs que són independents en HTML també s'han de declarar amb valors, per exemple, l'atribut HR s'introduirà noshade = "noshade".
Article original de Jennifer Krynin. Editat per Jeremy Girard el 17/07/17.