Los estándares web dividen las páginas web en tres componentes independientes:
* Estructura: HTML, XHTML, XML
* Rendimiento: CSS1, CSS2
* Comportamiento: ECMAScript, DOM
Hasta ahora, los estándares web no tienen pautas ni preceptos sobre la apariencia y la estética, y no imponen ninguna restricción sobre la apariencia del sitio. Sólo permiten que el navegador muestre correctamente el sitio creado por el diseñador y ayuda a los clientes a cumplir con los requisitos de la empresa. Necesidades y necesidades del mercado. Análisis de los usuarios para fijar objetivos.
Los estándares web pueden hacer:
* Control, posicionamiento y diseño más precisos en navegadores gráficos
* Comportamiento interactivo complejo
*Accesibilidad
* Admite múltiples navegadores
* Funciona tanto en navegadores antiguos como nuevos
* Garantizado para funcionar en futuros navegadores
* Reducción del tiempo de rediseño del sitio web.
* Admite dispositivos no tradicionales
* Proporcione fácilmente una versión imprimible de cualquier página web
* Rediseñe fácilmente documentos durante el proceso de publicación.
* Convertir HTML a lenguaje de marcado basado en XML
Razones para utilizar estándares web:
* Mejorar las capacidades de interacción
* Mejorar la accesibilidad
* Reducir la carga de trabajo de mantenimiento
* Reducir el ancho de banda
* Reducir costos
XHTML es un lenguaje de marcado basado en XML que se parece al HTML, con algunas diferencias pequeñas pero importantes. Puedes verlo de esta manera, XHTML es XML que desempeña un papel similar al HTML.
En esencia, XHTML es una tecnología puente (de transición) que combina el poder de XML (en cierta medida) con la simplicidad de HTML (en su mayor parte).
----Jeffery Zeldman
10 razones para cambiar a XHTML:
*XHTML es el reemplazo estándar actual del lenguaje de marcado HTML4.
* XHTML puede interactuar bien con otros lenguajes, aplicaciones y protocolos de marcado basados en XML.
* XHTML tiene mejor coherencia que HTML.
* XHTML1.0 es el puente hacia futuras versiones de XHTML
* Los navegadores más antiguos pueden adaptarse a XHTML
* Los nuevos navegadores prefieren XHTML sobre HTML
* XHTML funciona bien en dispositivos inalámbricos y otros agentes de usuario.
* XHTML es parte de la familia de estándares web.
* XHTML puede ayudarle a deshacerse de los malos hábitos del código de la capa de presentación.
* XHTML puede ayudarle a adquirir el hábito de etiquetar la validación para probar que su página funciona.
Reglas XHTML:
* Comience con el DOCTYPE y el espacio de nombres correctos
* Utilice el elemento de contenido META para declarar el idioma de codificación de su contenido
* Escriba todos los nombres de elementos y atributos en letras minúsculas.
* Agregue comillas a todos los valores de atributos y separe los atributos con espacios.
* Asignar un valor a todos los atributos.
* Cerrar todas las pestañas
* Cerrar etiquetas vacías con espacios y barras
* No utilizar en contenido de comentarios.
* Asegúrese de utilizar < y & para < y &.
Hay tres tipos de DTD proporcionados por XHTML1:
* Transicional, transicional, el DTD más indulgente, el único DTD que tolera etiquetas de capa de presentación, elementos basura y atributos
* Estricto, estricto,
* Conjunto de cuadros, cuadro,
Método de codificación del contenido de la declaración XHTML:
* Prólogo XML, es decir, pero la mayoría de los navegadores no manejan esto
* Inserte el elemento Content-Type para especificar el idioma de codificación,
* Configure el idioma de codificación a través del encabezado HTTP devuelto en el servidor web. Este método es recomendado por w3c.
Mecanismo general para agregar estructura.
* Los elementos DIV y SPAN, combinados con los atributos id y class, proporcionan un mecanismo común para agregar estructura a los documentos.
* Estos elementos definen el contenido integrado (SPAN) y el nivel de bloque (DIV) sin introducir otras capas de presentación en el contenido.
* El atributo ID es similar a la etiqueta de un área especial en el código, lo que indica que esa área requiere un procesamiento especial. Cuando se utiliza un valor de atributo de ID en un CSS especialmente configurado, se denomina selector de CSS. La forma más fácil y versátil de crear un selector.
*El nombre del ID debe comenzar con una letra y un guión bajo, y no puede comenzar con un número.
función de identificación
* Como selector de hojas de estilo, minimice los archivos de páginas XHTML;
* Como ancla de un hipervínculo, reemplazando el atributo de nombre obsoleto;
* Método para hacer referencia a elementos en el script DOM;
* Como nombre de elemento de objeto declarado;
* Como herramienta para el procesamiento de procesos de propósito general.
# Una hoja de estilo es una colección de una o más definiciones de reglas que determinan cómo se muestran los elementos seleccionados.
# Una definición CSS consta de dos partes: selectores y declaraciones. Entre ellos, la declaración también es una colección. Los elementos de la colección se colocan dentro de un par de {}. Cada elemento termina con;. Cada elemento consta de dos partes: atributos y valores están separados por :.
# El selector que comienza con # es el selector de id y el selector que comienza con .
# Varios selectores pueden compartir la misma declaración, en cuyo caso las diferentes selecciones están separadas por comas.
# Según CSS, los elementos secundarios de la página heredan propiedades del elemento principal, pero algunos navegadores antiguos no lo admiten (como Netscape 4). Si no desea que el elemento secundario herede las características del elemento principal, el elemento secundario puede definir libremente atributos relacionados.
# CSS no distingue entre mayúsculas y minúsculas, pero cuando se asocia con un archivo HTML, los nombres de categoría e identificación distinguen entre mayúsculas y minúsculas.
# Para facilitar la edición de CSS, puede agregar algunos espacios o nuevas líneas.
# Las hojas de estilo pueden afectar la visualización de la página de tres maneras
1. Divulgación/importación
<enlace rel=StyleSheet href=/styles/mystylesheet.css type=text/css media=all />
o
<tipo de estilo=texto/css media=todo>
@importar /styles/mystylesheet.css;
</estilo>
o
<tipo de estilo=texto/css media=todo>
@importar URL(/styles/mystylesheet.css);
</estilo>
Nota: el método @Import solo es compatible con navegadores superiores a 5.0