HTML5 e semântica Elementos da página

HTML5 reforça a noção de marcação semântica na construção de páginas web, o que significa que as etiquetas descrevem o significado

da seção no contexto da página e não como a página parece.

Como formatar navegadores do texto nestas etiquetas varia de itálico padrão para a tag para nenhuma formatação qualquer. Use CSS para determinar exatamente como você deseja que o conteúdo apareça. Note-se que o Firefox 3 a maioria das tags semânticas apoia, mas você precisa adicionar display: block em CSS para que o conteúdo aparece como esperado.

Tag-chave incluem:

  • : Este contém informações de contato para o autor de uma página ou seção e se destina a ser usado tanto dentro de todo o conteúdo da página ou dentro de uma seção ou artigo para indicar o autor dessa seção. Outras marcas (especialmente ancora a endereços de e-mail ou links de páginas) pode ser incorporado no endereço. Por exemplo:

    10475 Crosspoint Blvd
    Indianapolis, IN 46526

    A maioria dos navegadores processar endereços como itálico, mas isso não é garantido. Você pode ditar exatamente como o conteúdo do endereço aparece com CSS.

  • : A artigo é um subconjunto de uma página. Use a tag para indicar o conteúdo que veio de uma fonte externa ou é de alguma forma independente dos principais conteúdos da página. Normalmente, os artigos são usadas para marcar seções da página que são trazidas de algum tipo de sistema de agregação. Um exemplo da marcação em uso:

    A partir dejavascript e AJAX para manequins

    De vez em quando, uma tecnologia vem junto thatthreatens para mudar tudo. AJAX é uma suchtechnology. Neste livro, você aprenderá o que todo o fussis e por que AJAX é um negócio tão grande.

    A maioria dos artigos incluir um link para a página original se o artigo é a partir de um documento on-line. A marcação não importar dados de uma fonte externa, ele simplesmente indica que a relação é externo.

  • : Isto indica um fragmento de página que está relacionado com, mas separado do conteúdo principal. Além texto é normalmente formatado como uma barra lateral, como neste código:

  • : Usado para representar o conteúdo do rodapé de uma página, que normalmente contém informações de contato autor (geralmente em uma tag). Código para um rodapé pode ser parecido com isto:

    Esta marcação destina-se principalmente para substituir o "rodapé"> idioma comumente usado em HTML 4 e XHTML.

  • : Principalmente usado para especificar um cabeçalho da página, esta tag substitui o "cabeçalho"> expressão frequentemente usada em HTML 4 e XHTML. Código de amostra:

    Este é o meu cabeçalho

    O cabeçalho contém normalmente um h1 e outras informações que pertence ao mastro visual da página. Não confunda o elemento (que é uma seção visível da página) com o elemento (que contém metadados o usuário não ver). Observe também que o elemento não substitui o através de elementos, mas geralmente contém-los.

    O elemento também pode ser usado dentro de uma secção ou artigo para indicar que um h1 dentro desse elemento é um nível um título para o elemento, e não para a página. Isso é útil porque uma página deve ter apenas um nível um elemento. Muitas páginas são construídas por agregadores ou sistemas de gerenciamento de conteúdo, de modo que cada artigo e seção pode ter um nível um título sem entrar em conflito com o título principal da página.

  • : Utilize este combinar um título e um ou mais subtítulos em um grupo. A estrutura título normal é destinado a servir como um esboço para a página. Usando um h1 dirigindo com uma h2 imediata como um subtítulo interfere com as capacidades delineando. Você pode colocar várias posições em uma hgroup, e só o título inicial é considerada por ferramentas automáticas que descrevem, como a seguir:

    História do mundo

    (Sem todo o material nojento)

  • : Com o elemento associado, este tag ajuda a adicionar vários tipos de sistemas de menu. Por exemplo:

     

    A tag suporta uma digitar atributo que indica o comportamento do menu:

  • Lista: Apresentar os comandos bem como uma lista.

  • contexto: Espera-se agir como um menu pop-up quando o usuário direita; clica em um elemento.

  • barra de ferramentas: Apresenta os comandos como uma barra de ferramentas.

o cardápio elemento tem um significado totalmente diferente em HTML5 do que em HTML 4, onde era um tipo de lista.

  • : Indicando uma parte da página reservada para navegação de página, esta tag substitui o "nav"> expressão frequentemente usada em HTML 4 e XHTML. Código de amostra:

  • Link a
  • ligação b
  • ligação c
  • ligação d
  • link de e
  • : Indica uma divisão de uma página ou um Artigo- Uma página pode ser dividida em várias seções. É destinado a ser mais específico do que o tag usada atualmente em HTML 4 e XHTML marcação. No entanto, os navegadores modernos oferecem pouco suporte para a tag, portanto, usando a tag ou faz sentido até de apoio entra em ação. Amostra lt;section> código:

  • Seção 1

    Seção corpo ...

    menu