Este artigo presta atenção às tags html do conto de fadas perfeito anterior. Elas são prejudiciais, ruins, obviamente feias e devem ser excluídas do html padrão. Para ter apenas metade do trabalho, subverta o navegador ou use o novo, mais simples e recomendado. rótulo.
Embora os tutoriais básicos anteriores tenham fornecido sugestões que atendem aos padrões, os iniciantes têm fundamentos diferentes ou exercícios incorretos.
O HTML está tentando mudar do desempenho para a semântica e depois separar a semântica (HTML) e o desempenho (CSS). Isso tem sido amplamente utilizado em páginas da web porque uma única diretiva de apresentação (arquivo CSS) pode ser usada em muitas páginas. Desta forma, o site fica mais fácil de gerenciar, e se quiser alterar o site inteiro, basta alterar um código simples.
Algumas tags prejudiciais são, na verdade, tags de apresentação simples (como pequenas), que podem ser substituídas por código com o mesmo significado em CSS. Outras tags não são expressivas, mas são desnecessárias (como a tag font) ou prejudiciais à usabilidade (como o blink).
Etiquetas
As tags listadas abaixo poderiam usar opções melhores:
A tag b significa negrito. Você pode usar forte ou adicionar font-weight:bold em css.
i representa elementos em itálico, você pode usá-los ou adicionar font-style: italic em css.
Big é usado para expressar texto grande. Você pode usar h1, h2, etc. no título. Outros podem ser controlados especificamente em cssfont-size.
Pequeno é usado para expressar texto pequeno e pode ser controlado em tamanho cssfont.
hr representa uma linha horizontal, que pode ser substituída por border-top ou border-bottom em CSS, ou também pode ser representada por imagens.
Todas as tags mencionadas acima estão em conformidade com os padrões HTML recentes, mas não conferem significado semântico ao conteúdo. Eles podem ter mais usos, mas não são significativamente prejudiciais e pode ser muito fácil cometer erros ao pisar nos rótulos de baixa qualidade abaixo.
u representa um elemento sublinhado. Ele mantém o texto sublinhado como uma conexão, talvez por isso essa tag tenha desaparecido, as pessoas realmente não gostam que textos não conectados sejam sublinhados.
center pode centralizar o elemento. A propriedade CSS text-align pode não apenas centralizar, mas também à esquerda, à direita e justificar. menu é usado para criar uma lista de menu. Ele faz isso de maneira mais bonita que ul, mas listas não ordenadas são mais comuns e ul substitui menu.
O elemento layer é muito semelhante ao elemento div, mas só funciona em versões mais antigas de navegadores Netscape e é de pouca utilidade.
piscar ou marcar. Diga um não firme para eles.
fonte pode ser usada para definir o nome, tamanho e cor da fonte. Sites mais antigos (e até mesmo os atuais) que usam tags de fontes continuamente em toda a página são como uma praga de cupins. Alguns softwares de criação da web colocam tags de fonte em torno de cada elemento para controlar a cor ou o tamanho do texto. Use a tag font para aplicar a cada elemento. Se expressa em CSS, basta uma frase simples e pode ser alterada em todo o site. Usando este método, você pode não apenas reduzir o tamanho da página da web, mas também alterar o conteúdo representado pela fonte alterando uma simples instrução CSS. Isso mantém o estilo do site consistente. Tags de fontes e uso indevido de tabelas são as principais causas de páginas web inchadas.
Atributos
Agora você pode estar usando rótulos corretamente, mas eles têm algumas propriedades parasitas irritantes que podem causar sabor estranho.
name atribui um nome a um elemento, que funciona perfeitamente em elementos de formulário como input, mas em outros lugares, o trabalho do nome é assumido pelo atributo id.
text e bgcolor são usados para especificar a cor básica do texto e a cor de fundo da tag de corpo aberto. As propriedades color e background-color em CSS podem ser bem aplicadas ao seletor de corpo.
background pode especificar uma imagem de fundo para a tag body. CSS pode fornecer melhores atributos de imagem de fundo, como imagem de fundo.
link, alink, vlink podem especificar a cor do link para a tag body. Propriedades CSS: :link, :active, :visited têm o mesmo efeito. align pode controlar a disposição dos elementos, como <div align="center">Stuff</div>, mas como a tag center, você pode usar o atributo text-align em css.
O link de destino é aberto em diferentes estados, como abrir uma nova janela <a href="wherever.html" target="_blank">Ajude-me</a>. Parece bom, mas não parece familiar ao site. Os usuários não esperam que isso (como abrir novas janelas) apareça como mágica. A maioria dos usuários gosta de usar o botão "voltar", e abrir uma nova janela significa que esta função está desabilitada. Os atributos de desempenho da tag, como largura e altura da imagem, cellpadding e cellpacing da tabela, determinam a aplicação de diferentes atributos a diferentes elementos. Eles não são uma solução perfeita, mas se sua página tiver muitas imagens ou tabelas, talvez você não tenha outras opções viáveis.
A maioria dos atributos de apresentação inexplicáveis pertence à tag textarea, que não apenas possui atributos válidos de colunas e linhas, mas também o padrão HTML mais recente os exige.
Bom rótulo, má aplicação.
Para entrar em sua casa, você pode se ajoelhar e rastejar por uma toca de cachorro, mas espere, tem uma decoração de porta projetada especificamente para pessoas - a maçaneta, haha, olha, a porta é do tamanho certo para as pessoas passarem.
As tags HTML são projetadas para detalhes e, acredite ou não, quando você as usa corretamente, você pode obter os melhores resultados.
Quando o HTML é semântico, as páginas da web são mais utilizáveis por usuários com deficiência, como leitores de tela que geralmente enfatizam listas usando tags ul ou um cabeçalho usando tags h1 ou h2.
O abuso mais sério do HTML são as tabelas. As tabelas são usadas para layout, mas são usadas apenas para representar dados tabulares. A ideia de não usar um layout de tabela não é buscar a iluminação como um budista. Ela traz benefícios reais, não apenas reduzindo o tamanho da página web, mas também facilitando a manutenção e o redesenho da página web.
Às vezes, alguns designers usam algumas tags e atributos para completar designs de transição (especialmente layouts de tabela). Primeiro, eles podem suportar versões mais antigas de navegadores (Netscape 4). As tabelas tiveram um desempenho melhor que o CSS no Netscape 4, mas seus usuários eram muito pequenos e estavam em declínio. Agora que o número de usuários móveis está aumentando, o layout das tabelas é muito ruim. As vantagens das tabelas mencionadas acima superam em muito as desvantagens, e o motivo é que a página precisa levar em consideração todas as funções do navegador com o mínimo de estilo possível.
Molduras
Cachinhos Dourados acha que é uma boa ideia ajudá-la com uma tigela de mingau, mas então três grandes predadores aparecem e a jogam pela janela. A moldura é como uma tigela de mingau que pertence ao urso. Eles parecem bem, mas o perigo está sempre presente.
A maioria dos sites não usa frames e a maioria dos usuários do site usa apenas uma única página.
Mas e se, por algum motivo, você precisar impedir que os usuários adicionem uma página específica aos seus favoritos, ou quiser impedir que páginas específicas sejam introduzidas por e-mail ou mensagens instantâneas, ou quiser adicionar outro nível de complexidade geral ao uso? leitura de tela Para usuários deficientes do navegador que precisam navegar entre frames, ou se quiserem entrar no inferno dos mecanismos de busca, use frames.
Basicamente, os frameworks não fazem nada além de adicionar complexidade e perder usabilidade.
Finalmente, se você seguir as regras abaixo, não errará muito.
1) Se o nome do rótulo ou atributo for relativamente desconhecido, é recomendável comentá-lo ou não utilizá-lo. A eficiência do uso de CSS será melhorada desta forma.
2) Deixe a etiqueta fazer o trabalho para o qual foi nomeada. As tabelas são usadas para dados tabulares. Basta usar o título para o título e assim por diante.
3) Quando você tiver um conteúdo claro, use tags apropriadas. Use listas para listas, títulos para títulos e assim por diante.