He estado expuesto a los estándares web durante mucho tiempo, pero no ha pasado mucho tiempo desde que comencé a practicarlos. Hoy me gustaría compartir algunas ideas sobre la estructura del código con novatos como los lobos. Este artículo es una lectura introductoria.
Algunos amigos pueden sentirse un poco confundidos después de ver este título, así que deja que Wolf se lo explique a todos.
En primer lugar, hablemos de la comprensión que tiene Wolf de la parte gramatical de "DIV CSS". Wolf cree que es un adjetivo. Describió la adopción de una tecnología de diseño web que utiliza DIV (en realidad XHTML) como estructura y CSS como presentación. Cuando se introdujeron los estándares web en China, muchas personas describieron el uso del diseño estándar web como "DIV CSS" para que fuera más fácil de entender para todos. Sin embargo, también surgieron problemas. Muchos diseñadores que son nuevos en los estándares web simplemente piensan que deberían usar DIV para reemplazar nuestro diseño de tabla original. La estructura de las páginas web que diseñaron también incluye DIV y CSS.
El error que se produce es el que se muestra en la figura. Todos los elementos adoptan el diseño DIV.
Un análisis simple del error. Debido a una comprensión incorrecta, muchos principiantes usarán DIV por completo para el diseño. En dicha estructura, DIV2 y 3 no tienen ninguna semántica. Una de las razones por las que adoptamos estándares web es para hacer que la estructura del código sea más significativa. Recuerdo haber pensado que los expertos decían que usar DIV indiscriminadamente es tan malo como usar el diseño de tabla.
De hecho, podemos modificar el código de esta manera. Mejoremos la estructura de nuestra página web.
Aquí, DIV2 y 3 se reemplazan con h2 yp que son más consistentes con el contenido de la página. Haga que la estructura del código de la página sea más clara y significativa.
Creo que todos deberían entender el significado de "DIV CSS no es realmente DIV CSS" a través del ejemplo de Wolf.