Per a la majoria d'elements HTML, quan escriviu el codi HTML per mostrar-los en una pàgina, comença amb una etiqueta d'obertura i finalitza amb una etiqueta de tancament. Entre aquestes dues etiquetes seria el contingut de l'element. Per exemple:
Aquest és el contingut del text
Aquest senzill element de paràgraf mostra com s'utilitzarà una etiqueta d'obertura i tancament. La majoria dels elements HTML segueixen aquest mateix patró, però hi ha diverses etiquetes HTML que no tenen una etiqueta d'obertura ni de tancament.
Què és un element buit?
Els elements buits o etiquetes singleton en HTML són aquelles etiquetes que no requereixen que l'etiqueta de tancament sigui vàlida. Aquests elements solen ser els que es mantenen sols a la pàgina o on el final del seu contingut és obvi des del context de la pàgina.
La llista d'elements HTML buits
Hi ha diverses etiquetes HTML 5 que són elements buits. Quan escriviu HTML vàlid, heu d'abandonar la barra inclinada per a aquestes etiquetes: això és el que es mostra a continuació. Si esteu escrivint XHTML, la barra inclinada serà obligatòria.
<àrea>: s'utilitza per a la zona dins d'un mapa d'imatge
: l'URL base per a totes les URL relatives d'un document. No hi pot haver més d'un d'aquests per document i ha d'estar al capçalera de la pàgina
: es tracta d'un salt de línia, sovint usat en contingut de text per crear un sol salt de línia en comptes d'un paràgraf. Això no s'ha de fer servir per crear una separació visual en una pàgina mitjançant l'apilament de moltes etiquetes en línia, ja que és una necessitat visual i, per tant, el domini de CSS
- especifica les propietats de la columna per a cada columna dins d'un element - especifica una ordre que un usuari pot invocar
: una regla horitzontal, que és una recta en una pàgina. En molts casos, les vores CSS s'utilitzen per crear línies de separadors en comptes d'aquest element HTML
- un dels elements de cavall de cavall de text de HTML, aquesta és l'etiqueta d'imatge. S'utilitza per afegir imatges gràfiques a una pàgina web.
: un element de formulari que s'utilitza per capturar la informació dels visitants. Hi ha una sèrie de tipus d'entrada vàlids, des de l'entrada "text" comú que s'ha utilitzat en formularis durant anys, a alguns tipus d'entrada nous que formen part d'HTML5
- s'utilitza per dictar un camp generador de parells de claus que s'utilitza per a formularis : no s'ha de confondre amb l'etiqueta "hyperlink" o àncora (), aquest enllaç és per definir el format entre un document i un recurs extern. Usaríeu per enllaçar a un fitxer CSS extern, per exemple
- meta tags són "informació sobre el contingut". Es troben al
d'un document i s'utilitzen per transmetre la informació de la pàgina al navegador. Hi ha moltes metaetiquetes possibles que podeu utilitzar en una pàgina web - s'utilitza per definir els paràmetres dels connectors
: aquesta etiqueta us permet especificar camins de fitxers alternatius per als mitjans a la vostra pàgina, inclosos els vídeos o les imatges o els fitxers d'àudio
: això significa Word Break Opportunity. Especifica on en un text seria acceptable afegir un salt de línia.
Una vegada més, aquestes etiquetes singleton són una excepció a la regla en contraposició a la regla ja que la majoria d'elements HTML, de fet, necessiten una etiqueta d'obertura i tancament. D'aquests elements individuals, alguns probablement usaran molt sovint (com ara img, meta o input), mentre que d'altres són els que mai no haureu d'utilitzar al vostre treball de disseny web (keygen, wbr i command són tres elements que sens dubte són no comú a les pàgines web). Tot i així, comú o rar en pàgines HTML, és útil familiaritzar-se amb aquestes etiquetes i saber quina és la idea darrere de les etiquetes HTML singleton. Podeu utilitzar aquesta llista com a referència per al vostre desenvolupament web.
Article original de Jennifer Krynin. Editat per Jeremy Girard el 5/5/17.