Introdução detalhada aos pontos -chave do padrão XHTML

O objetivo do tutorial avançado de HTML é explorar as vantagens do HTML e otimizar a afinidade e a facilidade de uso.

Como os tutoriais da HTML Elementary e os tutoriais intermediários HTML assumem a posição de usar o mais recente padrão HTML (XHTML versão 1.0 ou superior), algumas pessoas que não leram o tutorial primário e intermediário podem achar difícil entender alguns aspectos deste tutorial, que também é o motivo pelo qual os principais pontos existem. No geral, cada parte deste tutorial assume que você tem um entendimento interno e externo do HTML e deseja desenvolver ainda mais seu potencial.

Este tutorial é para aqueles que já entenderam o HTML, mas não conseguem resistir ao teste dos futuros padrões XHTML e estão implícitos na separação de conteúdo e expressões.

Separe conteúdo e desempenho

O HTML nunca foi um meio de expressão, mas, do lado do usuário, combina elementos para formatar o texto, os desenvolvedores encontram maneiras de operar layouts. O poder do CSS torna mais necessário usar o HTML para executar qualquer representação, e o conteúdo pode ser completamente separado da representação (CSS).

Existem muitos benefícios em fazer isso - geralmente comprime a capacidade do arquivo, tem a flexibilidade de controlar o site inteiro em vez de uma única página com uma folha de estilo principal e também pode facilitar o uso da página e mais afinidade.

Seguir esses princípios básicos significa basicamente que você não deve mais usar nada que esteja estilizando dentro do HTML. Por exemplo, as tags da fonte e as propriedades do BGColor não devem mais ser usadas. Até a borda do atributo de fronteira na tag de imagem IMG é ilegal no XHTML 1.1. Não se preocupe, o HTML desatualizado pode ser estilizado, o CSS pode ser estilizado e pode ser feito melhor.

Não se trata apenas de retirar a representação do HTML, a estrutura do conteúdo significa usar tags html claras onde elas se encaixam. Por exemplo, H1, H2 e outros aplicativos são usados ​​em títulos - não apenas usando o CSS para aumentar a fonte.

O melhor guia é usar seu estilo padrão em um navegador visual para renderizar uma página sem uma folha de estilo (ou navegador de texto com uma folha de estilo, mas não suporta uma folha de estilo, como a nota do Lynx Translator).

As tabelas não devem ser usadas no layout - as tabelas são usadas para representar dados de formato de tabela (já dissemos isso muitas vezes sem se cansar dele - nota do tradutor). Talvez para os htmlers que já estão acostumados às estruturas tradicionais, é muito tecnicamente difícil mudar completamente. Esse método comprime muito os arquivos e, com base nesses códigos explícitos, fica mais fácil de usar e mais afinidade.

Para mais informações, leia o layout do tutorial avançado do CSS.

Rótulo

Todas as tags no XHTML devem ser minúsculas e fechadas. Sem etiquetas fechadas (como BR e IMG), devem ser fechadas em inglês com barras para frente de meio ângulo/auto-fechado posteriormente (como

). Observe que deve haver um espaço em meio largura em inglês em frente à barra.

As tags também devem ser abrangentes para que os elementos sejam aninhados corretamente (como esse , não isso ).

Todos os documentos devem ter elementos HTML, cabeça, título e corpo. Ele também deve começar com a declaração do tipo de documento.

O corpo do documento deve começar com P, H1, H2, H3, H4, H5, H6, Div, Pre, Endereço, Ins ou Del.

propriedade

Todos os atributos devem ser minúsculos, e seus valores também devem ser fechados em marcas de aspas em meio largura de largura ().

Atributos finos não são permitidos (p. ). Por convenção, um atributo simplificado deve fornecer o mesmo valor que o nome do atributo (por exemplo ).

O atributo de nome não é mais legal (exceto nos elementos do formulário) e o ID deve ser usado.

A meta de atributo de destino não é um atributo legal. Felizmente, é um pouco louco.

No IMG, o atributo ALT é necessário.

Afinidade

O motivo para criar páginas da Web de afinidade para pessoas com deficiência não é comprovado. Não é apenas humano, mas também benéfico para usuários e usuários idosos com recursos faciais reduzidos (pense, um dia somos velhos, nossa visão é reduzida e nossas características faciais não são flexíveis, como podemos navegar na Internet? A afinidade não é apenas conveniente para pessoas com deficiências graves, mas também facilita a maioria dos usuários com pequenas quantidades de funções de regressão (especialmente visão).

Esta questão está cada vez mais envolvida em questões legais, como a adoção do artigo 508 nos Estados Unidos, que tenta promover ativamente o uso da afinidade compulsória; No Reino Unido, todos os sites do governo devem ter um grau de afinidade especificado. Quando pode haver legislação como medidas de afinidade nos edifícios para que possam ser amplamente utilizados em sites comerciais? (A China não sabe quando essa legislação estará disponível! Mas isso não significa que não devemos prestar atenção à legalidade das páginas da web que projetamos. - Nota do tradutor)

Se você pode seguir as sugestões acima, seu HTML já deve ter uma alta afinidade para os usuários com deficiência. Há mais criações que levarão sua afinidade ao próximo nível, e isso não é difícil. Consulte a Affinity Connection and Affinity Form Guia.