En el campo actual de Internet, el término estándar WEB se está poniendo cada vez más de moda en los conceptos de usuarios y desarrolladores web. Sin embargo, el concepto de estándares WEB es demasiado general y las personas tienen diferentes puntos de vista sobre qué es exactamente un estándar WEB y qué contiene. En el foro del concurso de plantillas ShopEx "Copa E-Dong" patrocinado por China E-Dong.com, los concursantes y revisores hablaron con entusiasmo sobre qué son los estándares WEB y las "técnicas de expresión" de los códigos de plantilla. Este artículo explica las opiniones del autor sobre los estándares WEB. Para que todos puedan comprender los conceptos a los que generalmente se refieren los estándares WEB.
No existen los llamados "estándares", sólo sugerencias.
En primer lugar, debe comprender que no existen estándares WEB reales. Lo que realmente existen son algunas organizaciones que promueven la estandarización, como los estándares ISO y Ecma. Cuando la mayoría de la gente se refiere a los estándares WEB, en realidad se refieren a algo del W3C. Pero el W3C en realidad no establece estándares, solo brinda recomendaciones. En sus propias palabras: “Una recomendación del W3C es una especificación o conjunto de pautas que, después de un amplio consenso, ha recibido el respaldo de los miembros del W3C y del Director. El W3C recomienda el amplio despliegue de sus Recomendaciones”.
El significado de los estándares WEB
En términos generales, los estándares WEB se componen de las siguientes partes:
• HTML/XHTML válido
•La semántica del código es clara.
•Separación de contenido (HTML/XHTML), presentación (CSS) e interacción (Javascript)
Para algunas personas, los estándares web significan todo lo anterior, mientras que para otras puede ser sólo un poco de ello. Pero lo más importante es que estas tres partes son fundamentales para construir un gran sitio.
HTML/XHTML válido
Comencemos con el primer punto, el código válido es el primer paso hacia los estándares WEB. Para la mayoría de las personas, válido sólo significa código HTML/XHTML, pero no olvide que también existe la validación CSS. Verificar la validez de su código HTML/XHTML básicamente significa si el código de su página web se ajusta al tipo de documento que seleccionó.
Elegir el tipo de documento correcto es importante, ya que determina cómo se interpreta el código HTML/XHTML y cómo difiere el diseño en diferentes navegadores. El código verificado se puede mostrar bien en diferentes navegadores sin tener que considerar demasiada compatibilidad del navegador. Al validar, puede descubrir códigos que puedan afectar la página, corregirlos para que el proceso de desarrollo sea más eficiente y reducir los costos de mantenimiento futuros.
Herramienta de verificación de código
• Servicio de validación de marcado W3C
• Servicio de validación de CSS del W3C
• Complemento Validador HTML de Firefox
• Barra de herramientas para desarrolladores de Internet Explorer
La semántica del código es clara.
Cada elemento que exista en la página debe tener su significado y poder expresar su significado con precisión. En pocas palabras, significa elegir los elementos apropiados según el contexto. Los ejemplos son los siguientes
Este código no está claro.
| El siguiente es el contenido citado: <div class="page-heading">Título de la página</div> <a class="menu-item" href="/item-1">Elemento de menú 1</a> |
Con el mismo rendimiento, la semántica es mucho más clara.
| El siguiente es el contenido citado: <h1>Título de la página</h1> <ul clase="menú"> |
En realidad, es muy sencillo aclarar la semántica del código. Utilice h1-h6 para definir el título, utilice p para definir el párrafo del artículo, utilice ul, ol, etc. para definir los elementos de la lista, etc. . . Esto le ayudará fácilmente a encontrar las partes del código que desea y puede reducir significativamente los tiempos de carga de la página porque reduce la cantidad de código. Y no lo olvide, esto también es útil para el SEO. Una semántica clara puede ayudar a Google y otros motores de búsqueda a indexar mejor su sitio.
Separación de contenidos (HTML/XHTML), presentación (CSS) e interacción (Javascript)
Hay muchas razones por las que es crucial separar el contenido (HTML/XHTML), la presentación (CSS) y la interactividad (Javascript). Tienen diferentes divisiones del trabajo y cómo utilizarlos razonablemente requiere una cuidadosa consideración.
Razones de la separación
Rendimiento: los archivos externos como css y js se guardarán en la memoria caché del usuario después de la primera carga, lo que ahorra tiempo de carga posterior y mejora la experiencia.
En general: siempre puedes encontrar los códigos y colocarlos con precisión.
Usabilidad: siempre puedes consultar fácilmente el código y reutilizarlo en todo tu sitio web.
Mantenimiento: todos los códigos relacionados con el rendimiento y la interacción se almacenan centralmente para facilitar el mantenimiento.
¿Cómo acercarse a los usuarios?
Algunas personas dicen que se necesita más tiempo para acercar un sitio web a los usuarios, pero de hecho, siempre que pueda cumplir con los tres puntos mencionados en el artículo, ya ha dado un gran paso adelante en el camino para acercarse a usuarios.
Un código correcto y eficaz le facilitará encontrar contenido incorrecto en la página. El código con una semántica clara puede admitir mejor los dispositivos portátiles y también puede hacer que los usuarios naveguen mejor por el sitio web sin necesidad de modificar CSS. La separación de estructura, rendimiento e interacción permite que el sitio web mantenga funciones básicas incluso sin soporte de JavaScript. Por supuesto, puede mejorar la experiencia del sitio agregando una capa de JavaScript, pero esta definitivamente no es la parte más básica del funcionamiento de un sitio web.