Sobre Tags para HTML5

Quando se trabalha em HTML5, você vai ficar a conhecer etiquetas muito bem. Você coloca todo o conteúdo que você quer seus visitantes para ver, tudo o que vai ser exibido em um navegador da Web, na corpo

da sua página web, entre a abertura e fechamento etiquetas.

Dentro das tags, você ainda pode usar todas as tags de versões anteriores do HTML (com algumas exceções notáveis).

O site medusas Jelly Rancher apresenta desenhos diferentes para os pontos de vista horizontal e vertical S
O site medusas Jelly Rancher apresenta desenhos diferentes para os pontos de vista horizontal e vertical no iPhone e no iPad.

Nas seções a seguir, você descobrir as mais importantes novas tags HTML5 estruturais que podem ser usados ​​no corpo de suas páginas web. HTML5 introduz novas etiquetas estruturais, que são também chamados tags semânticas porque eles adicionar mais significado ao código HTML, identificando melhor a cada tipo de conteúdo que formato.

Aqui estão as novas etiquetas estruturais introduzidas no HTML5:

  • - Define o cabeçalho de qualquer seção ou página. A tag de cabeçalho é o lugar ideal para o nome do site.

    Aqui está o código HTML que compõe o cabeçalho de todas as páginas internas do site de Jelly Rancher exemplo. Nota: Este código é alterado ligeiramente para a primeira página para acomodar a imagem ampliada no cabeçalho.

    Jelly Rancher
    Se especializando em
    Medusa Aquários

  • - Define os principais links de navegação em uma página ou seção. As principais ligações de navegação são tipicamente colocados logo após o cabeçalho e então repetido na parte inferior da página.

    Dentro da tag, siga a convenção comum de formatação nossa lista de links com uma lista não ordenada, usando o

    • tag para cercar toda a lista de ligações com nas tags, e em seguida, fazendo com que cada elemento de navegação um item da lista separada com a tag.
  • index.php"> Home
  • aquariums.php"> O pedido de aquários personalizados
  • Mark-Loos.php"> Sobre Mark Loos
  • contact.php"> Contato

  • e - Use essas tags para definir qualquer artigo ou uma secção específica de uma página.

    No local Jelly Rancher exemplo, o próximo elemento é a seção de conteúdo principal da página. Para esta parte da página, você pode usar a tag ou etiqueta. Você pode usar essas duas marcas de forma intercambiável. Assim, você pode ter uma secção com vários artigos dentro dele. Ou você pode ter um artigo que tem várias seções.

    De qualquer forma, certifique-se de que quando você usar essas tags, você está definindo as áreas da página que caminham juntos de uma forma significativa. No exemplo de código que se segue, a tag define o conteúdo principal, e a tag separa seções do artigo:

    Este é um título para a primeira secção
    conteúdo
    mais conteúdo ...
    Este é um título para a segunda secção
    conteúdo
    mais conteúdo ...

  • - Define o rodapé para qualquer seção ou página. Você pode usar a tag dentro de uma seção ou artigo tag, mas é mais comumente usado na parte inferior de uma página. Normalmente, o rodapé tem um monte de texto legal nele.

    Sabe quando você começa uma dessas ofertas de cartão de crédito no correio tem todo esse pequeno texto legal? A ideia por detrás da rede semântica marcação é o mesmo. Em HTML5, você pode usar a pequena etiqueta no recipiente de rodapé para formatar juridiquês, tais como informações de copyright, fazendo-a exibir no texto pequeno, sem diminuir sua importância semanticamente.

    • Você pode usar todas as tags na lista anterior mais de uma vez em um documento. Por exemplo, você pode ter um dentro de cada um. Apenas certifique-se que você nunca colocar uma dentro da outra.

    Semelhante

    menu