Todos sabemos que uma componente importante de um edifício é o estabelecimento da sua fundação, e sem uma base sólida e boa. A linda aparência e decoração não existem mais. Construímos páginas da Web que atendem às tags da Web, e a maioria das pessoas está mais preocupada com a tecnologia CSS e suas aplicações. Mas também precisamos entender que não importa quão poderoso seja o CSS, ele também afeta o XHTML. Sem uma base XHTML bem estruturada, nosso layout será mais difícil de implementar. Talvez a nossa base seja muito sólida, mas os detalhes complicados e a estrutura irracional também se tornarão obstáculos ao nosso desenvolvimento.
Nos primórdios da Web, o HTML era usado apenas para adicionar forma e estrutura básicas. Com o desenvolvimento da Internet, o HTML é usado para representar páginas. Usamos várias combinações para obter a aparência desejada. Estamos acostumados a usar a tag B para colocar o título do documento em negrito, mas não usamos o título h1~h6 para exibi-los. O mais importante é que executamos tabelas para layout. No início, as tabelas eram usadas apenas para exibir dados de tabelas, não para layout e exibição de layout. Com o desenvolvimento da WEB, logo descobrimos que tudo se perdeu. Design de fontes, tabelas, negrito, etc. tornaram-se uma bagunça. torna-se incompreensível. E está ficando cada vez mais complexo.
Estamos cada vez mais inclinados a confiar em ferramentas WYSIWYG, como o Dreamweaver, para processar páginas da web, mas, infelizmente, esse software não melhora essa situação caótica, mas adiciona marcações próprias mais complexas. Nesse caso, não podemos mais editar o código manualmente e tudo parece muito ruim.
Com o surgimento do CSS, vimos o surgimento da esperança na construção de páginas da Web que cumpram os padrões da Web. As pessoas estão prestando cada vez mais atenção à reconstrução de sites para separar o desempenho do conteúdo. Podemos remover algumas tags sem sentido, como: font, b, i, etc. Deixamos essas tarefas para CSS. Podemos usar CSS para layout em vez de usar tabelas para construir páginas.
Podemos criar documentos de acordo com o significado da própria tag, e podemos redefinir sua aparência através de CSS usando o estilo padrão do navegador. Títulos, parágrafos ou listas de conteúdo, podemos redefini-los através de CSS. Os títulos não precisam ser grandes, em negrito e feios. Os parágrafos podem controlar o espaçamento e o recuo das linhas. As listas não precisam ser verticais, também podemos organizá-los horizontalmente. etc.
O benefício de tags significativas torna mais fácil entender o conteúdo do código e processá-lo. Por exemplo, se precisarmos modificar todos os links externos da página, se adicionarmos tags apropriadas a esses elementos, poderemos encontrá-los e modificá-los facilmente. Se tudo estiver misturado, não temos por onde começar.
Além de facilitar nosso desenvolvimento, outros dispositivos e programas também podem ter uma melhor compreensão dos documentos. O mais típico é o reconhecimento dos mecanismos de busca que podem encontrar facilmente os títulos e subtítulos dos artigos. Se o visualizador estiver usando um dispositivo de leitura portátil, você pode confiar no título, no conteúdo, etc., para fornecer uma boa navegação e proporções de exibição.
O mais importante é que tags HTML significativas fornecerão uma maneira fácil de ajustar os elementos ao estilo desejado. Essas tags significativas criam um modelo de estrutura estrutural básica no documento e não precisamos adicionar outros elementos. e outros identificadores podem controlar diretamente o desempenho.
Essas tags significativas incluem principalmente:
h1, h2...h6;
ul,ol,dl;
forte, em;
citar, citar;
abbr, sigla, código;
conjunto de campos, legenda, rótulo;
legenda, thead, tbody, tfoot, etc.
No layout de página CSS, quando você puder usá-los, não use outras coisas. Tente usar tags HTML significativas.