Estou exposto aos padrões da web há muito tempo, mas não faz muito tempo que comecei a praticá-los. Hoje gostaria de compartilhar alguns insights sobre a estrutura do código com novatos como lobos. Este artigo é uma leitura introdutória.
Alguns amigos podem ficar um pouco confusos depois de ver este título, então deixe Wolf explicar para todos.
Em primeiro lugar, vamos falar sobre a compreensão de Wolf da classe gramatical de “DIV CSS”. Wolf pensa que é um adjetivo. Ela descreveu a adoção de uma tecnologia de web design que usa DIV (na verdade, XHTML) como estrutura e CSS como apresentação. Quando os padrões da web foram introduzidos na China, muitas pessoas descreveram o uso do design de padrões da web como "DIV CSS" para facilitar o entendimento de todos. No entanto, também surgiram problemas! Muitos designers que são novos nos padrões da web simplesmente pensam que deveriam usar DIV para substituir nosso layout de tabela original. A estrutura das páginas web que criaram também inclui DIV e CSS.
O erro que ocorre é mostrado na figura. Todos os elementos adotam o layout DIV.
Uma análise simples do erro. Devido ao entendimento incorreto, muitos novatos usarão DIV completamente para layout. Em tal estrutura, DIV2 e 3 não possuem nenhuma semântica. Uma das razões pelas quais adotamos padrões web é tornar a estrutura do código mais significativa. Lembro-me de pensar que os especialistas disseram que usar DIV indiscriminadamente é tão ruim quanto usar layout de tabela.
Na verdade, podemos modificar o código assim. Vamos melhorar a estrutura da nossa página da web.
Aqui, DIV2 e 3 são substituídos por h2 e p que são mais consistentes com o conteúdo da página. Torne a estrutura do código da página mais clara e significativa.
Acredito que todos deveriam entender o significado de "DIV CSS não é realmente DIV CSS" através do exemplo de Wolf.