tutoriais mais recente desenvolvimento web
 

Qualidade web


Utilizando as mais recentes padrões da web melhora a qualidade do seu web site.


Use HTML 5

Escrever suas páginas para o mais recente padrão HTML5, traz-lhe o mais próximo possível da perfeição.

Todas as páginas HTML deve conter uma <! DOCTYPE> elemento para definir qual versão HTML se conforma com.

O DOCTYPE dá informações importantes para o seu navegador para que ele possa tornar sua página mais rápido e mais consistente.

A declaração DOCTYPE também permite validar software para verificar a sintaxe da sua página:

<!DOCTYPE html>

Use arquivos separados CSS

Usando Cascading Style Sheets (CSS) é a forma preferida de separar o conteúdo de estilo, nas páginas web de qualidade.

Usando CSS melhora a qualidade de web sites e aumenta a legibilidade para muitos navegadores diferentes.

Estilos (tamanhos, fontes, cores, e muito mais) deve ser definido fora páginas da web, em arquivos CSS separados. Usando um arquivo CSS separado também irá reduzir significativamente seus custos de desenvolvimento de web sites.

Com um arquivo CSS separado você pode mudar o estilo de elementos HTML, reescrevendo uma linha de código. Se você já usou CSS dentro de suas páginas, você terá que editar todas essas páginas.


Validação web

Um validador é um programa de software que pode verificar suas páginas da web contra os padrões web.

Ao usar um validador para verificar os documentos HTML e CSS, o validador retorna uma lista de erros encontrados, de acordo com o seu padrão escolhido.

Certifique-se de torná-lo um hábito para validar todas as suas páginas antes de publicar.


O elemento Título

O elemento <title> é um dos elementos HTML mais importantes. Sua principal função é para descrever o conteúdo de uma página web.

Mesmo se o título não é uma parte visível da sua página web, é importante para a qualidade do seu web site, porque:

  • Será visível em listas do Search Engine
  • É visível na barra de título do navegador
  • Ele será exibido no marcador do usuário

O título deve ser o mais curto e descritivo possível.

Certifique-se o título coincide com o conteúdo que o usuário está procurando. Então é mais provável que o usuário irá clicar no link para visitar o seu web site.

Bons exemplos de título:

<Title> HTML Tutorial </ title>

<Title> XML Introdução </ title>

Maus exemplos de título:

<Title> Introdução </ title>

<Title> Capítulo 1 </ title>

<Title> w3ii tem uma coleção de vencimento da concessão, bem organizado e fácil de entender de HTML, CSS, JavaScript, XML tutoriais e SQL com muitos exemplos de trabalho e código fonte. </ Title>


A posição Elements

O <h1> elemento é usado para descrever o item principal de uma página web.

Porque alguns navegadores da Web exibir o <h1> elemento em uma grande fonte por padrão, alguns desenvolvedores web vai usar o <h2> elemento em vez da <h1> elemento para títulos principais. Isso vai confundir a maioria dos motores de busca e outros softwares que irão tentar "entender" a estrutura da página da web.

Use <h1> para títulos principais, e <h2> e <h3> para títulos de nível inferior.

Tente estruturar suas posições depois de este modelo:

título principal

Alguns texto inicial

Nível 2 título

Este é um texto. Este é um texto. Este é um texto.

Nível 3 título

Este é um texto. Este é um texto. Este é um texto.

Se você não gosta o tamanho padrão para cabeçalhos, utilize CSS para mudar isso.


Conjuntos de caracteres

Todos os padrões W3C (desde 1996) define um conjunto de caracteres interno chamado Unicode (ISO 10646).

Todos os navegadores modernos estão usando esse conjunto de caracteres internamente. A maioria dos documentos transmitidos pela Internet não usam o conjunto de caracteres Unicode.

Devido a isso, os navegadores e servidores devem ter uma forma de acordo sobre o conjunto de caracteres usado na comunicação entre eles.

Rotular cada documento com o conjunto de caracteres adequada, é importante para a qualidade do seu web site.

Por suas páginas HTML, utilize sempre o seguinte elemento meta dentro do elemento <head>:

<meta charset="x">

Substitua x com o conjunto de caracteres que você gostaria de usar, como ISO-8859-1, UTF-8 ou UTF-16.


Formatos de data

Não use datas como "04-03-02".

A data acima poderia significar a 02 de março de 2004. Ele também poderia significar a 04 de março de 2002. Ou até mesmo o 03 de abril de 2002.

A Organização Internacional de Normalização (ISO) definiu um formato internacional para datas como "aaaa-mm-dd", onde aaaa é o ano, mm é o mês e DD é o dia.

Quando você usa este formato ISO, você pode esperar a maioria dos visitantes a compreender suas datas.