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 padrão HTML mais recente (XHTML versão 1.0 ou acima), algumas pessoas que não leram o elementar e os tutoriais intermediários podem achar difícil entender alguns aspectos deste tutorial, o 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 desempenhoO 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 apresentar 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 o lynx-nota do 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 - 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ótuloTodas as tags no XHTML devem ser minúsculas e fechadas. Aqueles sem tags fechados (como BR e IMG) devem ser fechados automaticamente após o uso da barra para frente em inglês de meio ângulo " /" (como <r />). Preste atenção ao fato de que deve haver um espaço de meia largura em inglês antes da barra.
As tags também devem estar de maneira holística para que os elementos sejam aninhados corretamente (por exemplo, <strong> <em> isso </em> </strong>, não <strong> <em> this </strong> </em>).
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.
propriedadeTodos os atributos devem ser minúsculos, e seus valores também devem ser fechados em aspas de meia largura em inglês (").
O atributo simplificado não é permitido (por exemplo, <type de entrada = "caixa de seleção" verificado />). Por convenção, um atributo simplificado deve fornecer o mesmo valor que o nome do atributo (como <entrada de entrada = "caixa de seleção" checked = "checked" />).
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.
AfinidadeO 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 idosos e usuários com recursos faciais reduzidos (pense, um dia somos velhos, nossa visão é reduzida e nossos recursos 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 (visão extraordinária).
Esta questão está cada vez mais envolvida em questões legais, como a adoção do "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 nível 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 ainda não sabe quando esse tipo de 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 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.