Video: aula 5092 jsp elementos semanticos html5 footer css estilos link rel montando pagina

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.

Video: Curso de HTML5

Como formatar navegadores do texto nestas etiquetas varia de itálico padrão para a

marcas principais incluem:

• : Este contém informações de contato do 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 para 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 tornar 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 o
  tag para indicar conteúdo que veio de uma fonte externa ou de alguma forma é independente do conteúdo principal 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 do
  tag em uso:

  Video: Curso HTML5 - Semântica - Aula 3

  A partir dejavascript e AJAX for Dummies
  De vez em quando, uma tecnologia vem junto thatthreatens mudar tudo. AJAX é um 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 é de um documento online. o

  tag não importar dados de uma fonte externa, ele simplesmente indica que a relação é externa.

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

   Este é um comentário secundário

• : 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 este:

  Video: Tutorial 02 Estructura del HTML5, Elementos Semánticos y SEO

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

• : Principalmente utilizado para especificar um cabeçalho da página, esta tag substitui o “cabeçalho“gt; linguagem frequentemente usada em HTML 4 e XHTML. Amostra
  código:
  
  
  
  

  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 secção visível da página) com o elemento (que contém metadados que o usuário não ver). Observe também que o
  elemento não substitui o meio
  elementos, mas geralmente contém-los.

  o

  elemento também pode ser utilizado dentro de uma secção ou artigo para indicar que um h1 dentro desse elemento é um nível um indo 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-o para 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ários títulos em um hgroup, e apenas o título inicial é considerado por ferramentas automáticas delineando, como no seguinte:

  História do mundo
  (Sem todo o material icky)

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

  o

  tag suporta uma tipo 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 ele era um tipo de lista.

Seção 1
Seção do corpo ...