Para a maioria dos elementos HTML, quando você está gravando o código HTML para exibi-los em uma página, você começa com uma tag de abertura e termina com uma tag de fechamento. Entre essas duas tags, estaria o conteúdo do elemento. Por exemplo:
Este é o conteúdo do texto
Esse simples elemento de parágrafo mostra como uma tag de abertura e fechamento seria usada. A maioria dos elementos HTML segue esse mesmo padrão, mas há várias tags HTML que não têm tags de abertura nem de fechamento.
O que é um elemento vazio?
Os elementos void ou tags singleton em HTML são aquelas tags que não exigem que uma tag de fechamento seja válida. Esses elementos são geralmente aqueles que estão sozinhos na página ou onde o final de seu conteúdo é óbvio a partir do contexto da própria página.
A lista de elementos do HTML void
Existem várias tags HTML 5 que são elementos vazios. Quando você escreve HTML válido, você deve deixar a barra para essas tags - é isso que é mostrado abaixo. Se você estiver escrevendo XHTML, a barra final será necessária.
- usado para a área dentro de um mapa de imagem
- o URL base de todos os URLs relativos em um documento. Não pode haver mais do que 1 destes por documento e deve estar no da página
- isso é quebra de linha, geralmente usada em conteúdo de texto para criar uma quebra de linha única em vez de um parágrafo. Isso não deve ser usado para criar uma separação visual em uma página, empilhando muitos tags desde que é uma necessidade visual e, portanto, o domínio do CSS
- especifica as propriedades da coluna para cada coluna dentro de um
elemento
- especifica um comando que um usuário pode invocar
- uma regra horizontal, que é uma linha reta em uma página. Em muitos casos, as bordas CSS são usadas para criar linhas separadoras em vez desse elemento HTML
- um dos elementos laboriosos do HTML, esta é a tag de imagem. É usado para adicionar imagens gráficas a uma página da web.
- um elemento de formulário que é usado para capturar informações de visitantes. Há vários tipos de entrada válidos, desde a entrada de "texto" comum que foi usada em formulários por anos, até alguns novos tipos de entrada que fazem parte do HTML5
- isso é usado para ditar um campo gerador de par de chaves que é usado para formulários
- para não ser confundido com a tag "hyperlink" ou anchor (), este link é para definir a linha entre um documento e um recurso externo. Você usaria para vincular a um arquivo CSS externo, por exemplo
- meta tags são "informações sobre conteúdo". Eles são encontrados no de um documento e usado para transmitir informações da página para o navegador. Existem muitas metatags possíveis que você pode usar em uma página da Web
- usado para definir parâmetros para plugins
- essa tag permite que você especifique caminhos de arquivos alternativos para mídia na sua página, incluindo vídeos ou imagens ou arquivos de áudio
- isso significa Word Break Opportunity. Ele especifica onde em um texto seria aceitável adicionar uma quebra de linha.
Mais uma vez, essas tags singleton são uma exceção à regra, em oposição à regra, já que a maioria dos elementos HTML precisa, de fato, de uma tag de abertura e de fechamento. Destes elementos singleton, alguns você provavelmente usará com bastante frequência (como img, meta ou input), enquanto outros são aqueles que você nunca precisará usar em seu trabalho de web design (keygen, wbr e command são três elementos que certamente são não é comum em páginas da web). Ainda assim, comum ou raro em páginas HTML, é útil estar familiarizado com essas tags e saber qual é a idéia por trás das tags singleton de HTML. Você pode usar essa lista como referência para seu desenvolvimento na web.
Artigo original de Jennifer Krynin. Editado por Jeremy Girard em 5/5/17.
Como algumas pessoas leem todo o caminho até o final do seu aplicativo - e você não quer que um erro de carta, como uma linha de fechamento ruim, estrague suas chances - estas são as linhas de letra que você deve remover, stat. E aqui está o que escrever, em vez de fechar sua carta de apresentação.
