Criar uma estrutura semântica para páginas web

Criação de páginas semanticamente relevantes tem sido boa prática na web desde muito antes de o iPad apareceu, mas HTML5 constrói em tags especiais para torná-lo mais fácil de ser consistente na forma como você usa a semântica como você criar páginas web.

A ideia de criar páginas semanticamente relevantes vem do inventor da World Wide Web, Tim Berners-Lee, que idealizou a "teia de dados", que tinha significado, ou semântica.

Criando uma página web com estrutura semântica tem sido considerada uma prática recomendada porque dá a página web mais significado. Em HTML4 e XHTML, web designers podem criar uma estrutura semântica, seguindo regras bem estabelecidas com tags HTML.

Por exemplo, o título mais importante em uma página deve ser formatada com o ponto 1, ou tag. Da mesma forma, a maioria dos web designers agora definir classe ou ID estilos para as principais seções de um site com nomes como cabeçalho e rodapé para identificar o seu papel e importância em uma página.

HTML5 leva este conceito um passo adiante, adicionando uma série de novos elementos semânticos. Ao invés de criar um estilo de classe ou ID e aplicá-lo a uma tag, no HTML5, você pode simplesmente usar tags com nomes como e.

Assim, em vez de usar estilos de identificação, como, você pode simplesmente usar. Muito parecido com as tags, no entanto, nenhuma das novas tags Fazes nada menos que você definir um conjunto de regras de estilo que correspondem ao nome.

A construção desses elementos semânticos em HTML5 dá aos designers uma forma mais consistente de páginas estruturação HTML e é recomendado, porque torna páginas da web mais acessível para quem usa um leitor de tela para ler páginas da web em voz alta, assim como para robôs de busca e outros programas que precisam para interpretar o conteúdo de uma página web, independentemente do seu design.

Pense nisso desta maneira: Quando você vê uma página da web, você pode geralmente dizer pelo projeto que parte da página é o cabeçalho (que tem área de navegação com links) e que é o rodapé (com direitos de autor e outros detalhes) . Mas nenhum dos bots, leitores, e outros programas que precisam de interpretar páginas web pode # 147-see # 148- o projeto, e isso é parte da razão que o uso de semântica é importante.

A estrutura semântica de uma página pode ser independente do estilo e posicionamento do conteúdo, assim você pode criar uma página que tem significado, porque seções reconhecíveis compõem uma estrutura lógica. Para os visitantes que podem ver a página, você pode estilo seções, como o cabeçalho ou rodapé, para exibir qualquer maneira que você quer que eles em um navegador.

menu