O que é um elemento HTML?


Em essência, um elemento HTML é a codificação sintaxe que você deseja usar para o código HTML. O navegador é programado com os diferentes elementos e como eles fazem as suas funções específicas.

Mas, a definição é bastante vago, então vamos ver o que é um elemento HTML.




Elementos não são tags
Algumas pessoas referem-se a elementos como tags (por exemplo, "a marca P"). Lembre-se que o elemento é uma coisa, e a tag (seja ele iniciar ou tag end) é outra. "- W3C HTML 4.01 Specification

Anatomia de um elemento HTML

Um elemento HTML é dividido nas seguintes partes:

  • Etiquetas Página inicial
  • Nome Elemento
  • Atributos (nem sempre necessário)
  • Conteúdo (nem sempre necessário)
  • Marca de fim (não sempre necessário)

Há mais de uma maneira de codificar um elemento HTML. A Figura 1, abaixo, mostra os diferentes anatomias.

HTML é o mais fácil de linguagens de desenvolvimento web para aprender. Mas, também tem uma certa complexidade também. Como os diferentes anatomias \ sintaxe a usar para a codificação de um elemento HTML (como mostrado na Figura 1, supra). Aqui estão algumas coisas para manter em mente sobre eles:

  • Alguns elementos não use uma marca de fechamento, tais como compra e.
  • Alguns elementos não possuem atributos.
  • Só porque um elemento tem atributos, isso não significa que você tem que usá-los.
  • Alguns elementos trabalhar bem sozinho, como o Elemento. No entanto, outros elementos, tais como o elemento deve trabalhar com outros elementos (como) para resultados para mostrar na página web.

Em seguida, vamos passar por cima de todas as partes da anatomia em um pouco "em mais detalhes.

Iniciar Tag

A marca de início é o que informa ao navegador qual elemento que você deseja usar e que você planeja usar a funcionalidade que o elemento é programado para fazer. A marca de início é sempre o nome do elemento. Figura 2, abaixo, mostra alguns exemplos do que uma marca de início pode parecer.

elemento Nome

O nome do elemento é o nome do item que você deseja usar. Cada elemento tem sua própria finalidade, a funcionalidade. A Figura 3, abaixo, apresenta alguns exemplos.

Atributos

Você pode pensar em um atributo como uma opção, recursos adicionais que você pode adicionar para o que o item já está programado para fazer, por padrão. Um atributo é dividida em três partes:

  • propriedade
  • sinal de igual
  • valor

A Figura 4, abaixo, mostra um exemplo de atributos.

Um par de coisas para manter em mente sobre atributos:

  • Nem todos os elementos podem ter atributos
  • Os atributos são sempre encontrados na marca de início
  • Você pode ter mais de um atributo na tag de início
  • A melhor maneira de realmente entender o que atributos fazer é jogar com eles na codificação.

Content

O conteúdo é a informação que vai entre a marca de início e a marca de fim de um elemento. Nem todos os elementos devem ter conteúdo. Para os elementos que não têm conteúdo que geralmente vem em forma de texto e/ou imagens, como Figuras 5 e 6 mostram a seguir.

Tag End

A tag final é o que informa ao navegador que você é feito com o item. A marca de fim utiliza uma barra (/) antes do nome do elemento para permitir que o navegador de saber que ela é uma etiqueta de fecho, como mostrado na Figura 7.

Em seguida, vamos dar uma olhada em elementos HTML na natureza.


HTML in the Wild

Nós levamos tudo que você aprendeu a este ponto e vemos que um elemento HTML como na natureza, e para dissecar. Abaixo é o mais simples que você pode criar um arquivo .html.

Conteúdo do título

Conteúdo de um elemento de parágrafo

Agora vamos olhar para o código acima e anatomia (show na Figura 2).

Ao dissecar uma página html, desta forma parece um pouco complexo. Mas, grande informação para saber.

Em seguida, vamos dar uma olhada em um outro conceito HTML, elementos de agrupamento.


tags HTML assentamento

A maioria dos elementos HTML podem ser aninhados. Não, eu não quero dizer que para construir um ninho e ter seus filhotes. Nidificação em HTML significa que um elemento HTML pode conter outros elementos HTML. Vamos ver um exemplo:

Aninhar na Figura 3 acima, é o seguinte:

  • o elemento título está aninhada dentro da cabeça
  • o elemento p está aninhado dentro do corpo
  • o p, o título, o corpo, e os elementos de cabeça são aninhados dentro do elemento html

Para ver ainda mais o elemento título está aninhada dentro da cabeça que está aninhado dentro do html.

Você pode ter seis ou mais níveis de aninhamento. No entanto, normalmente não é necessário e considerado uma prática de codificação ruim.

Assentamento é um conceito muito importante para entender agora. Você precisa saber quando você começa a entrar na API DOM eo documento HTML (relações pai e filho).

Então, quais são todos os elementos HTML que você pode usar?


Browsers vêm com ...
Cada navegador é programado como qualquer elemento HTML irá funcionar. Tudo que você tem a fazer é saber o que é o recurso e digitar a sintaxe correta.

os muitos elementos HTML

Há muitos elementos diferentes na linguagem HTML, cada um com uma finalidade específica. Eu poderia criar uma tabela e enumerá-los todos, mas por que reinventar a roda? Os seguintes sites têm feito um grande trabalho criando esta lista.

HTML referência de elemento (Mozilla Developer Network)
HTML5 elemento List (Mozilla Developer Network)
Especificações HTML do W3C

Nota: existem alguns elementos que ainda são suportadas pelo navegador, mas não são mais usados ​​na codificação todos os dias. Por exemplo, o item que é tarefa é texto em itálico não é mais usado, uma vez que foi substituído por um código CSS.


Um últimos Dicas

Aqui estão algumas últimas coisas a ter em mente sobre HTML.

Use Minúsculas
Digite todas as letras minúsculas (
). Usando letras maiúsculas (
) é considerado uma má prática e visto como gritar no mundo online.

Compatibilidade do navegador
Quando se trata de elementos HTML5, você precisa começar a olhar para os problemas de compatibilidade com outros navegadores. Por exemplo, o Internet Explorer não começar a apoiar elementos HTML5 até IE9 (IE teve apoio suficiente para HTML5 no IE8). Então, se você vai apoiar os navegadores mais antigos, você precisa verificar como o elemento está amplamente apoiada nos principais navegadores e suas diversas versões. Um dos meus lugares favoritos para verificar problemas de compatibilidade do navegador é caniuse.com

Use práticas de codificação Às vezes ruins


Isso é tudo para este artigo. Obrigado pela leitura. smile

(0)
(0)

Comentários - 0

Sem comentários

Adicionar um comentário

smile smile smile smile smile smile smile smile
smile smile smile smile smile smile smile smile
smile smile smile smile smile smile smile smile
smile smile smile smile
Caracteres restantes: 3000
captcha