div" ¿Qué significa?
La etiqueta
Cuando se utiliza CSS-P, se utiliza principalmente para etiquetas DIV. Cuando coloca texto, imágenes u otro contenido dentro de un DIV, puede llamarlo "bloque DIV", "elemento DIV", "capa CSS" o simplemente "capa". Por eso se llama "capa".
Usa DIV de la misma manera que otras etiquetas:
Si usas un DIV solo, sin ningún CSS-P, se verá como No use es lo mismo.
Sin embargo, si usas CSS-P dentro de un DIV, puedes definir estrictamente su posición. Primero, debe proporcionar una identificación o nombre al DIV que pueda controlar CSS-P. Por ejemplo, si nombra un DIV "Camión", ese nombre permitirá que JavaScript lo controle más adelante, como moverlo o cambiar algunas de sus propiedades.
El nombre de la jerarquía es arbitrario; puede ser cualquier letra o número, pero el primero debe ser una letra. Hay dos formas de aplicar CSS-P a un DIV.
CSS en línea: Inline es el método más común.
Etiqueta ExternalSTYLE: Los resultados del uso de métodos externos son los mismos. Tenga en cuenta la relación entre el ID en STYLE y el DIV en el método externo.
Información ampliada
Ventajas del diseño
I. Agiliza el código y reduce la dificultad de refactorización.
El sitio web utiliza un diseño DIV+CSS para simplificar el código. Creo que la mayoría de mis amigos han oído hablar de él. Se pueden llamar archivos CSS en cualquier página del sitio web, pero es muy problemático. modificar algunas páginas en forma de tabla. Si se trata de un sitio web de portal, debe modificar manualmente muchas páginas y mirar esas tablas resultará complicado y una pérdida de tiempo. Sin embargo, usar el diseño css+div solo requiere modificar un fragmento de código en el archivo css.
2. La velocidad de acceso a la página web es rápida
En comparación con el diseño de tabla, las páginas web que utilizan el diseño DIV + CSS han simplificado mucho el código de la página, por lo que su velocidad de acceso a la navegación aumentará naturalmente. Al mismo tiempo, también mejora la experiencia del usuario del sitio web.
3. Optimización SEO
Los sitios web que utilizan el diseño div-css son muy amigables para los motores de búsqueda, por lo que evitan demasiados niveles anidados de tablas que los motores de búsqueda no pueden utilizar. Y el código simple y estructurado es más propicio para resaltar puntos clave y es más adecuado para el rastreo de motores de búsqueda.
4. Compatibilidad del navegador
Si utiliza una tabla para diseñar la página web, se producirá una desalineación al utilizar diferentes navegadores, pero div + css no, sin importar el tipo de navegador. Se utiliza la página. Los navegadores y las páginas web no se deformarán.
Finalmente, cabe señalar que a las arañas no les gusta que una página tenga demasiados códigos CSS, de lo contrario también afectará el rastreo de las arañas y afectará a los motores de búsqueda, por lo que usar llamadas externas para llamar a CSS es una Muy buen enfoque. Al mismo tiempo, si el sitio web no tiene que ser demasiado sofisticado, el uso del diseño CSS también puede lograr el efecto deseado. Por ejemplo, cambios de color del texto en la navegación del sitio web, menús desplegables, etc.