Home Newest Hot Active Unanswered Views Votes Tags Rank
 
Anderson

O que são Tags, Elementos e Atributos?


Mostre exemplos


GK

Tags

Tags são o conjunto de caracteres que formam um elemento, ou seja, quando nos referenciamos à Tag "p" estamos falando disso: <p>

Existem dois tipos de Tags, as que necessitam de fechamento e as que não necessitam de fechamento.

Para as que necessitam de fechamento, utilizamos o sinal de menor ( < ), seguido do nome do elemento e o sinal de maior ( > ) para abertura. Para fechamento, utilizamos o sinal de menor ( < ), seguido de barra ( / ), nome do elemento e o sinal de maior ( > ).

Exemplo:

<!-- Exemplo de elemento que necessita de fechamento -->
    <p>A tag do elemento de parágrafo necessita de fechamento.</p>

Os elementos que não necessitam de fechamento, também conhecidos como elementos vazios, somente utilizamos o sinal de menor ( < ), seguido do nome do elemento e o sinal de maior ( > ).

<!-- Exemplo de elemento vazio -->
    Texto utilizando<br>
    quebra de linha

Elementos

Elementos são formados a partir de Tags e entre as Tags é que está o conteúdo do Elemento.

Se quisermos exibir um parágrafo em um site utilizamos a Tag <p> que semanticamente quer dizer que o conteúdo que se espera nesse Elemento é um parágrafo.

Exemplo:

<!-- A Tag <label> define que o conteúdo do Elemento é uma label (rótulo)  -->
    <label>Informe o seu nome</label>
<!-- A Tag <address> define que o conteúdo do Elemento é um endereço (endereços físicos à virtuais)  -->
    <address>
      Este guia é uma iniciativa da comunidade e do Tableless <a href="http://tableless.com.br/contato">www.tableless.com.br</a>
    </address>

Atributos

Atributos são informações que passamos na Tag para que ela se comporte da maneira esperada. Existem atributos globais (que funcionam em todas as Tags) e específicos (que são direcionados para cada Tag, através de especificação).

Os Atributos possuem nome e um valor, existem Atributos que você vai usar praticamente sempre e existem outros que serão mais raros.

Atributos globais
Seguem alguns atributos globais importantes e suas descrições simplificadas:

accesskey
Determina uma (ou mais) tecla(s) de atalho para o elemento. Para definir mais de uma tecla, coloque-as separadas por espaço.

class
Determina uma (ou mais) classe(s) para o elemento. Para definir mais de uma classe, coloque-as separadas por espaço.

draggable
Define se um elemento é arrastável ou não.

hidden
Oculta o elemento onde for declarado.

id
É o identificador único do elemento. Somente deve ser declarado um id por elemento. E este id não deve ser repetido na mesma página.

lang
Determina o idioma em que está escrito o conteúdo do elemento.

style
Determina propriedades CSS diretamente no elemento.

tabindex
Organiza os elementos por ordem de tabulação. Deve-se usar valor numérico.

title
Representa um auxílio ao elemento. Semelhante a dica do elemento.

Como você pôde ver, a sintaxe de Atributos é muito simples, porém, por mais simples que seja é sempre bom ter em mente boas práticas para que se tenha qualidade e fácil manutenção em seu HTML.

Existem Atributos em que os valores não precisam ser passados entre aspas, mas manter um padrão ajuda você e ajuda quem quer que seja que no futuro tenha que trabalhar com o seu HTML. Portanto, não é uma regra mas uma boa prática você envolver os valores dos Atributos entre aspas.

Exemplo:

<!-- Isso funciona, mas não é recomendável -->
    <a href="http://tableless.com.br" target=_blank>www.tableless.com.br</a>
 
    <!-- Isso funciona e é recomendável -->
    <a href="http://tableless.com.br" target="_blank">www.tableless.com.br</a>
GuruQA
GuruQA
 
 
GK

A substância “soda cáustica” é representada pela fórmula NaOH. Os elementos que constituem a soda cáustica são:

GK

O urânio e o plutônio são elementos químicos utilizados principalmente onde ?

GK

Quais são os atributos da qualidade da informação?

Anderson

O que são Atributos?

Anderson

O que são Tags?

Anderson

O que são Elementos?

Anderson

Quais são as tags basicas HTML?

Anderson

O que são meta tags?

Anderson

Os atributos fornecem informações adicionais sobre elementos HTML.

GK

São elementos do sistema de freio?