A natureza do HTML

Os autores do HTML eram cientistas que estavam buscando uma maneira de compartilhar documentos em física de partículas. Usavam pouco interesse na forma visual do documento exata exibida em uma tela de computador. Na verdade, HTML foi originalmente concebido para atender a uma separação entre a estrutura de conteúdo e layout gráfico. A intenção era criar uma World Wide Web que podem ser exibidos em cada sistema existente e browser - incluindo navegadores que "ler" páginas de texto da web para usuários com deficiência visual - e que poderia ser interpretado por motores de busca e análise.

Os inventores da Web não percebe o seu potencial de visualização gráfica. Assim, o HTML não foi projetado com estas considerações. Eles estavam tão ansiosos para fazer os documentos utilizados pelas máquinas que produziam documentos que somente máquinas (ou físicos de partículas) gostaria de ler. Ao focar exclusivamente na lógica estrutural dos documentos, eles ignoraram a necessidade de lógica visual do design gráfico e tipografia. Esta falta inicial de Web consideração visual é a fonte de estresse para web designers quando querem obter um formato gráfico específico para suas páginas web. Esta necessidade de formatação é a razão pela qual as empresas de software de navegação começou a ignorar os padrões de HTML e autorizados recursos adicionais em seus navegadores.

Por exemplo, a maioria dos designers evitar o uso de tags HTML padrão para os títulos parágrafo ( <h1> , <h2> , etc.) porque lhes falta a sutileza visual: na maioria dos navegadores, essas marcas mostram títulos absolutamente muito grande ( <h1> , <h2> ) ou ridiculamente pequeno ( <h4> , <h5> , <h6> ). Mas estas tags HTML não foram criados com a preocupação de seu processamento visual. Seu único objetivo é identificar o nível héarchique um título para que os leitores humanos e motores de busca podem facilmente ler um documento e determinar a sua estrutura de informação. Apenas involuntariamente que os desenvolvedores do navegador deram diferentes tamanhos e níveis de gordura em cada tag title parágrafo, mesmo que estes tamanhos tendem a ser limitados no HTML.

Use títulos dos parágrafos para estruturar o conteúdo

Apesar da natureza da Web ea grande mudança em seu uso (uma forma de estruturar um documento em um meio visual), é importante que o conteúdo da Web é projetado com uma boa estrutura. Uma melhor integração com as folhas de estilo (CSS) em versões recentes de navegadores web, os desenvolvedores podem alterar a aparência de elementos estruturais para atender às suas escolhas de design e display.

Usuários de leitores de tela e outras tecnologias assistivas são capazes de navegar em páginas Web utilizando sua estrutura. Isso significa que o usuário pode ler ou ter acesso directo aos elementos de nível superior ( <h1> ) e os de segundo nível ( <h2> ) e os de terceiro nível ( <h3> ) e assim por diante. Ver ou ouvir este plano dá-lhes uma boa idéia do conteúdo e estrutura da página.

As páginas devem ser estruturadas de forma hierárquica, o primeiro nível de segurança ( <h1> ) sendo o mais importante (geralmente o título da página ou documento), então o segundo nível de segurança ( <h2> , títulos normalmente vivem capítulos), então o terceiro nível de segurança ( <h3> , alíneas de capítulos) e assim por diante. Tecnicamente, como um nível inferior deve seguir como um próximo nível. O diagrama abaixo mostra a estrutura de títulos de valores mobiliários deve conter uma página web. Na verdade, ele representa a hierarquia do conteúdo principal desta página com diferentes níveis de títulos parágrafo maior para o menor. Você pode clicar em cada título para acessar a seção correspondente nesta página.

• Como um
  • Título 2
  • Título 2
  • Título 2
  • Título 2

Uso adequado dos títulos dos parágrafos

Não usar a formatação de texto como o tamanho da fonte ou negrito para dar a aparência visual dos cabeçalhos parágrafo - use tags padrão de titulação ( <h1> - <h6> ) em todo o conteúdo. Tecnologias assistivas e outros navegadores baseados literalmente no código da página para determinar a sua estrutura. Itens que são exibidos em negrito ou em uma fonte maior não é interpretado como elementos estruturais.

Além disso, não usar tags para criar efeitos fechada apenas visual. Por exemplo, se você quer destacar ou sublinhar um pedaço de conteúdo que não é um título (como fez com a frase anterior) Não use as tags para fazer a titulação. Em vez disso, use as marcas de estilo para o tamanho da fonte, negrito ou itálico. Se você quiser destacar algo, você deve usar a tag strong (em negrito) em vez de b e tag em (itálico) em vez de i . Tag b e i levar todas as informações 2 apenas visual, ao mesmo tempo strong e em dar informação semântica. Visualmente, o resultado é o mesmo mas os desenvolvedores devem utilizar os elementos adequados HTML. et sélectionnez l'option Utiliser « strong » et « em » à la place de « b » et « i » . No software Dreamweaver, você pode selecionar Editar> Preferências> Geral e selecione Use "forte" e "em" em vez de "b" e "i".

Usar corretamente as listas

Listas de HTML - ul , ol e dl - também servem para transmitir uma estrutura hierárquica do conteúdo. Cada uma dessas listas também têm regras relativas ao seu uso. Os marcadores (lista não-ordenada) deve ser usado quando não existe uma sequência ou ordem de importância entre os elementos da lista. A lista ordenada elementos sugere uma progressão ou seqüência na lista. A definição da lista deve ser usado explicitamente para a apresentação de uma definição de estrutura. Tal como acontece com tags tags listas de titulação deve ser utilizado corretamente de acordo com suas naturezas. Os ordenados e não ordenados listas devem incluir sempre os itens da lista. Listas de definição deve ter sempre descrições das definições. Listas vazias são HTML incorreto. As listas nunca deve ser usado por outras razões ou para o layout. As listas aninhadas devem ser codificados corretamente.