O que é uma tag HTML versus um elemento HTML?

click fraud protection

Um HTML marcação é uma indicação para um navegador da web de como uma página da web deve ser exibida, mas um HTML elemento é um componente individual do HTML. Os elementos HTML são criados usando tags HTML.

Muitas pessoas usam os termos tag e elemento indistintamente, e qualquer web designer ou desenvolvedor com quem você fale entenderia o que você quis dizer, mas a realidade é que há uma ligeira diferença entre os dois termos.

Tags HTML

HTML é um linguagem de marcação, o que significa que ele é escrito com códigos legíveis por uma pessoa sem a necessidade de ser compilado primeiro. Em outras palavras, o texto em uma página da web é “marcado” com esses códigos para fornecer ao navegador da web instruções sobre como exibir o texto.

Quando você escreve HTML, você está escrevendo tags HTML. Todas as tags HTML são compostas por várias partes específicas. Eles especificam o nome da tag entre colchetes angulares, o conteúdo que a tag afeta e vários atributos que afetam a tag em um par nome / valor.

instagram viewer

Aqui está um exemplo:

hiperlink

Este trecho exibe um tag âncora, que especifica um hiperlink. A tag abre e fecha. O rel atributo leva o valor não siga.

Em HTML, a diferença entre uma tag de abertura e uma tag de fechamento é a presença da barra. Por exemplo, é sempre uma marca de âncora de abertura e é sempre uma marca de âncora de fechamento.

Tomados em conjunto, as tags de abertura e fechamento e tudo o que aparece entre eles constituem um Elemento HTML.

O que são elementos HTML?

De acordo com W3C Especificação HTML, um elemento é o bloco de construção básico do HTML e normalmente é feito de duas marcas: uma tag de abertura e uma tag de fechamento.

Quase todos os elementos HTML possuem uma tag de abertura e uma tag de fechamento. Essas marcas circundam o texto que será exibido na página da web. Por exemplo, para escrever um parágrafo de texto, você escreve o texto a ser exibido na página e, em seguida, envolve-o com estas tags:

Este texto é um exemplo de parágrafo.

Alguns elementos HTML não possuem uma tag de fechamento; eles são chamados elementos vazios. Às vezes, eles também são chamados de singleton ou vazio elementos Elementos vazios são fáceis de usar porque você só precisa incluir uma tag em sua página da web e o navegador saberá o que fazer. Por exemplo, para adicionar uma única quebra de linha à sua página, use a tag.

Outro elemento comum que inclui apenas uma tag de abertura é o imagem elemento. Por exemplo:


Em geral, os desenvolvedores usam o termo elemento para indicar todas as partes do elemento (as tags de abertura e fechamento). Eles usam marcação ao referir-se apenas a um ou outro. Este é o uso adequado desses dois termos.

instagram story viewer