What are some examples of empty tags in HTML?

What are empty tags

Empty tags in HTML are start tags representing DOM Element Nodes that never have a matching end tags, and more importantly, they can only have “attribute”.

Such elements are also called Void elements

They can never have :

• Element childnodes (embedded tags)
• CDATA childnodes (raw text)
• Comment childnodes

So innerText and innerHTML DOM API properties of such Elements will always be null.

In XHTML notation, such tag must use the auto-close syntax. End tags are still forbidden and may lead to unexpected results from user agents, IDE, or other tools.

ex:

1.  

2. ---

    
3.  

4. ---

    
5.  

6. ---

    

Be careful, some HTML Elements, when using the HTML syntax and not the XHTML one, can have an optional end tag, which does not mean that they are “empty” tags (HTML is initially based on SGML and not XML which was created later).

ex:

1.  
2. 1.  
4. first item 
6. second item 

 

The end tag is optional for

elements but they still have child nodes. Their end tag is implicit.

Tag omission in text/html:

An li element's end tag can be omitted if the li element is immediately followed by another li element or if there is no more content in the parent element.

HTML supports a huge set of rules for Optional tags which are not easy to digest for a human being. Você pode ser tentado a omitir algumas tags finais opcionais mas tente não abusar se não quiser ter más surpresas e dores de cabeça horríveis.

>

Então agora quais são aquelas tags oficiais "vazias"?

>ul> a URL base a usar para todas as URLs relativas contidas no documento

<>link> relações entre o documento atual e um recurso externo (favicon, folha de estilo, pesquisa aberta, feed rss...)
>br>>link href="style.css" rel="stylesheet"> qualquer informação de metadados que não possa ser representada por um dos outros elementos HTML meta-relacionados
>br>>>meta charset="utf-8″>

---

uma quebra temática entre elementos a nível de parágrafo
>br>>p>algum texto

---

>p> outro texto>>li>>li>>br> quebra de linha. produz uma quebra de linha no texto (carriage-return)
>br>br>p>23 The Ridings,
Anywheresville,
Hampshire>/li>>li>>wbr> word break opportunity, uma variante de
, pode opcionalmente quebrar uma linha
>br>br>p>p> Lembra-te dessa canção de Mary Poppins 'Supercalifragilisticexpialidocious'?>>fonte> (usado em , , e elementos)
>>br>>>source src="video.ogg" type="video/ogg">< usado para mostrar uma imagem ao usuário
>>br>>>img src="logo-sm.png" alt="Logo" srcset="logo-HD.png 2x">< (usado em elementos)
>>br>>> nome do parame="autoplay" valor="true">> (usado em & elementos de media)
>br>> (usado em elementos do mapa de imagens)
>>br>> forma da área="circle" coords="200,250,25" href="another.htm"> (usado em campos de entrada)
>br>>> uma coluna dentro de uma tabela. Encontra-se dentro de elements
>>br>> span="2">>frame> variante de usado quando páginas HTML são segmentadas através de um (ver no final o caso element case)
>>br>>frame src="mainPage.html"> usado para embutir/renderizar um conteúdo através de um plug-in
>>br>>embed type="video/quicktime" src="filme.mov"><>keygen> Deprecated - espera-se que seja utilizada chave pública em formulários HTML
>>br>>>keygen name="RSA public key key" challenge="123456789" keytype="RSA">

Uma situação específica que gostaria de mencionar finalmente é a one

É um elemento vazio apenas quando se utiliza a sintaxe XML

O elemento iframe deve estar vazio em documentos XML.

>p>Outra forma não é e sua tag de fechamento é obrigatória

Descendentes dos elementos iframe não representam nada. (Em agentes de usuários legados que não suportam elementos iframe, o conteúdo seria analisado como marcação que poderia atuar como conteúdo fallback.)