Una guia fàcil d'utilitzar caràcters especials en HTML
Les pàgines web que visiteu en línia es creen amb codi HTML que indica als navegadors web què és el contingut de la pàgina i com fer-lo visualment per als espectadors. El codi conté blocs de construcció instructius coneguts com a elements, que el visualitzador de la pàgina web mai no veu. El codi també conté caràcters de text normals, com ara els titulars i els paràgrafs dissenyats perquè l'espectador llegeixi.
El paper dels caràcters especials en HTML
Quan utilitzeu HTML i escriviu el text dissenyat per ser vist, normalment no necessiteu cap codi especial: utilitzeu només el teclat de l'ordinador per afegir les lletres o els caràcters adequats. Un problema sorgeix quan es vol escriure un caràcter en el text llegible que HTML utilitza com a part del codi en si. Aquests caràcters inclouen els caràcters que s'utilitzen al codi per iniciar i acabar cada etiqueta HTML. També podeu incloure caràcters del text que no tinguin un analògic directe al teclat, com ara © i Ñ. Per als caràcters que no tenen una tecla al vostre teclat, introduïu un codi.
Els caràcters especials són peces específiques de codi HTML dissenyades per mostrar els caràcters que s'utilitzen en el codi HTML o per incloure caràcters que no es troben al teclat en el text que veu l'espectador. HTML fa que aquests caràcters especials siguin codificadors numèrics o de caràcters, de manera que puguin ser inclosos en un document HTML, llegit pel navegador i mostrat correctament per veure els visitants del vostre lloc.
Caràcters HTML especials
Tres caràcters són el nucli de la sintaxi del codi HTML. Mai no els hauríeu d'utilitzar en les parts llegibles de la vostra pàgina web sense codificar-les primer per mostrar-les correctament. Són els símbols majors, menys, més grans i més grans. En altres paraules, mai no haureu d'utilitzar el menys que el símbol < al vostre codi HTML a menys que sigui l'inici d'una etiqueta HTML. Si ho feu, el caràcter confon els navegadors, i és possible que les vostres pàgines no es mostrin com s'esperava. Els tres caràcters que mai heu d'afegir no codificats són:
- menys que el signe <
- major que signe >
- ampersand &
Quan escriviu aquests caràcters directament al codi HTML, tret que els utilitzeu com a elements del codi en la codificació per a ells, de manera que apareixen correctament en el text llegible:
- menys que signar - & lt;
- major que el signe - & gt;
- ampersand - & amp;
Cada personatge especial comença amb un nom i, fins i tot, el caràcter especial d'ampersand comença amb aquest caràcter. Els caràcters especials finalitzen amb un punt i coma. Entre aquests dos caràcters, afegiu el que correspongui al caràcter especial que voleu afegir. Lt (per menys de ) crea el símbol menys que el que apareix entre l'ampersand i el punt i coma en HTML. De la mateixa manera, gt crea el símbol i l' amplificador superiors que produeix un ampersand quan estan posicionats entre un ampersand i punt i coma.
Caràcters especials que no podeu escriure
Qualsevol caràcter que es pugui representar en el joc de caràcters estàndard de Latin-1 es pot representar en HTML. Si no apareix al teclat, utilitzeu el símbol ampersand amb el codi únic assignat al caràcter seguit del punt i coma.
Per exemple, el "codi amigable" del símbol de copyright és & copy; i comerç és el codi del símbol de marca comercial.
Aquest codi amigable és fàcil d'escriure i fàcil de recordar, però hi ha molts caràcters que no tenen un codi amigable que és fàcil de recordar.
Cada caràcter que es pot escriure a la pantalla té un codi numèric decimal corresponent. Podeu utilitzar aquest codi numèric per mostrar qualsevol caràcter. Per exemple, el codi numèric decimal per al símbol de copyright- & # 169; -demostra com funcionen els codis numèrics. Encara comencen amb una ampersand i finalitzen amb un punt i coma, però en comptes de text amigable, s'utilitza el signe numèric seguit d'un codi de número únic per a aquest personatge.
Els codis amigables són fàcils de recordar, però els codis numèrics sovint són més fiables. Els llocs que es construeixen amb bases de dades i XML poden no tenir tots els codis amigables definits, sinó que admeten els codis numèrics.
La millor manera de trobar els codis numèrics dels caràcters es troba en conjunts de caràcters que podeu trobar a Internet. Quan trobis el símbol que necessites, només has de copiar i enganxar el codi numèric al teu HTML.
Alguns jocs de caràcters inclouen:
- Codis de moneda
- Codis matemàtics
- Codis de puntuació
- Codis de pronunciació
- Codis diacrítics
Personatges de llengua no anglesa
Els caràcters especials no es limiten a l'idioma anglès. Els caràcters especials en idiomes no anglesos es poden expressar en HTML, incloent-hi:
Llavors, quins són els codis hexadecimals?
El codi hexadecimal és un format alternatiu per mostrar caràcters especials en codi HTML. Podeu utilitzar el mètode que vulgueu per a la vostra pàgina web. Vostè els busca en conjunts de caràcters en línia i els utilitza de la mateixa manera que utilitza codis simples o codis numèrics.
Afegiu la declaració Unicode al cap del document
Afegiu la metaetiqueta següent dins del
Consells
No importa el mètode que utilitzeu, tingueu en compte algunes de les millors pràctiques:
- Acaba sempre la vostra entitat amb un punt i coma. Alguns editors HTML us permeten publicar codis HTML sense el punt i coma final, però les vostres pàgines no seran vàlides, i molts navegadors web no mostraran correctament les entitats sense ell.
- Sempre comença amb una ampersand. Molts editors web us permeten allunyar-vos de deixar el "amp"; però quan mostreu un i només en format XHTML, provoca un error de validació.
- Proveu les vostres pàgines a la major quantitat possible de navegadors. Si el caràcter és crucial per entendre el document i no podeu provar-lo a les combinacions del navegador / OS que fan servir els vostres clients, heu de trobar una altra manera de representar-lo. Tanmateix, abans de recórrer a imatges o una altra cosa, proveu una de les eines de prova del navegador que pot validar el vostre codi en diversos navegadors.