Os padrões da Web dividem as páginas da Web em três componentes independentes:
* Estrutura: HTML, XHTML, XML
* Desempenho: CSS1, CSS2
* Comportamento: ECMAScript, DOM
Os padrões da Web até o momento não possuem diretrizes ou preceitos sobre aparência e estética e não impõem nenhuma restrição à aparência do site. Eles apenas permitem que o navegador exiba corretamente o site criado pelo designer e ajude os clientes a atender aos requisitos da empresa. necessidades e necessidades do mercado. Análise do usuário para definição de metas.
Os padrões da Web podem fazer:
* Controle, posicionamento e layout mais precisos em navegadores gráficos
* Comportamento interativo complexo
*Acessibilidade
* Suporta vários navegadores
* Funciona em navegadores antigos e novos
* Garantido para funcionar em navegadores futuros
* Tempo reduzido de reformulação do site
* Suporte a dispositivos não tradicionais
* Forneça facilmente uma versão para impressão de qualquer página da web
* Redesenhe documentos facilmente durante o processo de liberação
* Converta HTML em linguagem de marcação baseada em XML
Razões para usar padrões da web:
* Melhore os recursos de interação
* Melhorar a acessibilidade
* Reduza a carga de trabalho de manutenção
* Reduza a largura de banda
*Reduzir custos
XHTML é uma linguagem de marcação baseada em XML que se parece com HTML, com algumas diferenças pequenas, mas importantes. Você pode ver desta forma: XHTML é XML que desempenha uma função semelhante ao HTML.
Em essência, XHTML é uma tecnologia de ponte (transição) que combina o poder do XML (de certa forma) com a simplicidade do HTML (principalmente).
----Jeffery Zeldman
10 razões para mudar para XHTML:
*XHTML é o substituto padrão atual da linguagem de marcação HTML4.
* XHTML pode interagir bem com outras linguagens de marcação, aplicativos e protocolos baseados em XML.
* XHTML tem melhor consistência que HTML.
* XHTML1.0 é a ponte para versões futuras do XHTML
* Navegadores mais antigos podem se adaptar ao XHTML
* Novos navegadores favorecem XHTML em vez de HTML
* XHTML funciona bem em dispositivos sem fio e outros agentes de usuário.
* XHTML faz parte da família de padrões da Web
* XHTML pode ajudá-lo a se livrar dos maus hábitos do código da camada de apresentação
* XHTML pode ajudá-lo a adquirir o hábito de validar tags para testar se sua página funciona
Regras XHTML:
* Comece com o DOCTYPE e namespace corretos
* Use o elemento de conteúdo META para declarar sua linguagem de codificação de conteúdo
* Escreva todos os nomes de elementos e atributos em letras minúsculas
* Adicione aspas a todos os valores de atributos e separe os atributos com espaços.
* Atribua um valor a todos os atributos
*Feche todas as guias
* Feche tags vazias com espaços e barras
*Não use no conteúdo dos comentários
* Certifique-se de usar < e & para < e &.
Existem três tipos de DTDs fornecidos pelo XHTML1:
* Transicional, transicional, o DTD mais tolerante, o único DTD que tolera tags da camada de apresentação, elementos indesejados e atributos
* Estrito, estrito,
* Conjunto de molduras, moldura,
Método de codificação de conteúdo da declaração XHTML:
* Prólogo XML, isto é, mas a maioria dos navegadores não lida com isso
* Insira o elemento Content-Type para especificar a linguagem de codificação,
* Defina o idioma de codificação por meio do cabeçalho HTTP retornado no servidor web. Este método é recomendado pelo w3c.
Mecanismo geral para adicionar estrutura
* Os elementos DIV e SPAN, combinados com os atributos id e class, fornecem um mecanismo comum para adicionar estrutura aos documentos.
* Esses elementos definem o conteúdo integrado (SPAN) e o nível de bloco (DIV) sem introduzir outras coisas da camada de apresentação no conteúdo.
* O atributo ID é semelhante ao rótulo de uma área especial no código, indicando que aquela área requer processamento especial. Quando um valor de atributo ID é usado em um CSS especialmente definido, ele é chamado de seletor CSS. ID é a maneira mais fácil e versátil de criar um seletor.
* O nome do ID deve começar com uma letra e sublinhado e não pode começar com um número.
Função de identificação
* Como seletor de folha de estilo, minimize os arquivos de página XHTML;
* Como âncora de um hiperlink, substituindo o atributo de nome desatualizado;
* Método para referenciar elementos em script DOM;
* Como nome do elemento do objeto declarado;
* Como ferramenta para processamento de processos de uso geral.
# Uma folha de estilo é uma coleção de uma ou mais definições de regras que determinam como os elementos selecionados são exibidos.
# Uma definição CSS consiste em duas partes: seletores e declarações. Entre eles, a declaração também é uma coleção. Os elementos da coleção são colocados dentro de um par de {}. Cada elemento consiste em duas partes: atributos e valores são separados por:.
# O seletor que começa com # é o seletor de id e o seletor que começa com .
# Vários seletores podem compartilhar a mesma instrução; nesse caso, seleções diferentes são separadas por vírgulas.
# De acordo com CSS, os elementos filhos da página herdam propriedades do elemento pai, mas alguns navegadores antigos não suportam isso (como o Netscape 4). Se você não deseja que o elemento filho herde as características do elemento pai, o elemento filho pode definir livremente atributos relacionados.
# CSS não diferencia maiúsculas de minúsculas, mas quando associado a um arquivo HTML, os nomes de categoria e ID diferenciam maiúsculas de minúsculas.
# Para facilitar a edição do CSS, você pode adicionar alguns espaços ou novas linhas.
# As folhas de estilo podem afetar a exibição da página de três maneiras
1. Divulgação/importação
<link rel=StyleSheet href=/styles/mystylesheet.css type=text/css media=all />
ou
<tipo de estilo=texto/css media=all>
@import /styles/mystylesheet.css;
</estilo>
ou
<tipo de estilo=texto/css media=all>
@importar url(/styles/mystylesheet.css);
</estilo>
Nota: o método @Import é suportado apenas por navegadores acima de 5.0