Temos enfatizado a semântica em nossos artigos no Cuoxin.com, então como devemos usar as tags HTML? Onde estão seus locais de uso geral?
Quando entrei em contato com o XHTML CSS para projetar páginas da web, eu não tinha experiência no uso de tags e era muito casual. Muitas vezes usei o que me lembrava e pensei que, desde que o efeito pudesse ser alcançado. No entanto, com o aprofundamento do aprendizado e a compreensão do conhecimento de otimização de mecanismos de pesquisa, verifica -se que o uso de tags é realmente uma ciência.
Aqui não apresentaremos os atributos e uso correspondentes de cada tag no CSS e focaremos no aplicativo nas páginas da web. Espero que seja de alguma ajuda para todos.
1. Div
O DIV deve estar familiarizado com amigos que criam sites XHTML. Muitos sites e materiais também são chamados de construção de sites padrão da Web como construção de sites DIV CSS. Não é irracional chamá -lo dessa maneira, porque o W3C não recomenda as tags de tabela a serem aplicadas ao layout da página da web, e o DIV, como tags de layout, naturalmente assume a forte responsabilidade do layout.
Div também pode ser considerado um grande recipiente. Além da estrutura geral e do layout da página da web, é recomendável dividir áreas que parecem relativamente independentes na página da web. Assim como um jornal, a função da div é dividir um grande recipiente de conteúdo diferente. Em diferentes regiões, as tags apropriadas correspondentes são selecionadas de acordo com a situação específica.
2. H tag
A tag H é uma tag de título, comumente usada antes de um parágrafo, para indicar o significado do parágrafo a se expressar. De acordo com o nível de exibição e o significado a ser expresso, ele pode ser dividido em H1 ~ H6.
O H1 é da maior importância e é frequentemente usado para expressar uma descrição do papel e da natureza de todo o site ou para indicar o público para o qual o site está orientado. Outras tags são usadas para exibir o nome de uma determinada área ou uma descrição aproximada de um certo parágrafo de texto de introdução de acordo com diferentes níveis.
Como representa uma descrição geral de um site ou um certo parágrafo de texto, a tag H possui alto valor em comparação aos mecanismos de pesquisa. Mas isso não significa que possa ser usado à vontade. Por exemplo, para perseguir deliberadamente a classificação de palavras -chave específicas, alguns sites usam tags H para exibir palavras -chave em um parágrafo de texto. Ou simplesmente use a tag H como um contêiner para fazer o layout da página da web. Isso ofusca completamente o papel da tag h e não é recomendado.
Iii. P
P é um rótulo de parágrafo usado para distinguir diferentes parágrafos de um conjunto de texto. Para os mecanismos de pesquisa, o texto na primeira tag P também é de alto valor de acordo com sua ordem de rastreamento. Por exemplo, Baidu, ele ignora o texto na descrição da meta e agarra o conteúdo na primeira tag P (não absoluta).
Para permitir que os mecanismos de pesquisa rastejam mais conteúdo e ofereçam aos usuários uma experiência de navegação, alguns sites usam as tags <br/> ao segmentar. Isso não é verdade. Às vezes, os resultados esperados não são alcançados. Para documentos com tipos rigorosos (rigorosos), as tags são expressas e não podem ser usadas.
Embora a maioria dos sites use tipos de documentos de transição, não recomendo usá -los em segmentos de texto.
4. Tags ul e li
Esta é uma lista não ordenada, a tag UL é uma declaração da lista e o LI é um item de lista. Devido à relativa independência de seus projetos, é frequentemente usada em locais como navegação, notícias ou listas de artigos. A UL também pode ser usada como um contêiner para distinguir listas diferentes.
Alguns sites podem buscar padrões da Web e converter tabelas para se expressar com UL e LI, o que dificulta a leitura e a manutenção das páginas da web. O entendimento errado é exatamente contrário ao conceito transmitido a nós pelos padrões da Web.
5. Tabela
Vou apresentar o uso da tabela aqui. Eu só quero dizer que o padrão da web não significa que a tabela não possa ser usada no futuro, mas não é recomendável usar a tabela para layout e é usada apenas ao exibir dados. Portanto, o uso de páginas da Web compatível com a Web e tags de tabela não é contraditório.
6. Rótulos para mecanismos de pesquisa
(1) Título: O título da página da web, a descrição do site. As sub-marcas também são muito valiosas para os mecanismos de pesquisa e as palavras-chave de destino são frequentemente incluídas.
(2) palavras -chave do Meta: as principais palavras -chave na página da web. Inicialmente, estava preparado para facilitar os mecanismos de pesquisa para classificar sites, mas mais tarde muitos sites costumavam usar essa tag para trapacear para tornar as classificações de palavras -chave mais benéficas; portanto, essa tag agora quase não tem significado para os mecanismos de pesquisa.
(3) Meta Descrição: Descrição das páginas da Web. Como as palavras -chave, foi originalmente destinado a facilitar a classificação do mecanismo de pesquisa. É também porque muitos sites usam essa tag para trapacear, por isso não é mais tão importante para os mecanismos de pesquisa. Atualmente, apenas o Google ainda está rastejando o conteúdo nos principais mecanismos de pesquisa, mas é quase impossível determinar as palavras -chave de acordo com o conteúdo.
De fato, para os mecanismos de pesquisa, o mais importante é a qualidade do conteúdo. Da mesma forma, construímos sites para nos promover aos visitantes. Por favor, não se esqueça da raiz do problema por causa de um momento de velocidade. Afinal, os usuários estão preocupados se as informações são o que precisam, não com a classificação do seu site.
As tags acima mencionadas que são frequentemente usadas para iniciantes, com maior probabilidade de confundir o local de uso.