Desarrollo HTML, XHTML y CSS. Estructura de una página HTML Documento sin título.

Presentación del tema: "Desarrollo HTML, XHTML y CSS. Estructura de una página HTML Documento sin título."— Transcripción de la presentación:

1 Desarrollo HTML, XHTML y CSS

2 Estructura de una página HTML Documento sin título

3 Doctype – Tipo de documento Documento sin título

4 Doctype – tipos de documento Esto declara el documento para ser HTML 2.0. El HTML 2.0 es apoyado extensamente por los browsers pero carece la ayuda para las tablas, los marcos, y la internacionalización Esto declara el documento para ser HTML 3.2. El HTML 3.2. Es limitado la ayuda para las hojas del estilo y ninguna ayuda para las características del HTML 4 tales como marcos e internacionalización. Esto declara el documento para ser HTML 4.01 Frameset. El HTML 4 Frameset es una variante de HTML 4 transitorio para los documentos que utilizan marcos. Esto declara el documento para ser HTML 4.01 transitorio. El HTML 4 transitorio incluye todos los elementos y cualidades de HTML 4 estricto pero agrega cualidades presentational, elementos desaprobados. El HTML 4 transitorio reconoce la ayuda relativamente pobre del browser para las hojas del estilo, permitiendo que muchas características de la presentación del HTML sean utilizadas como transición hacia HTML 4 estricto.

5 Esto declara el documento para ser HTML 4.01 estricto. El HTML 4.01 estricto es ajustado abajo de la versión del HTML 4.01 que acentúa la estructura sobre la presentación. Incluye uso de los marcos. Se adaptan fácilmente a las hojas del estilo Esto declara al documento en XHTML 1.0 Transitional. XHTML 1.0 Transitional es una versión de XML y HTML 4 transicional.

6 ¿Qué es XHTML? XHTML (Lenguaje de Marcado de Hipertexto Extensible) es una versión más estricta y limpia de HTML, con el objetivo de remplazar a HTML. Une las herramientas basadas en XML y HTML. XML es una tecnología sencilla que propone como un estándar para el intercambio de información estructurada entre diferentes plataformas. Permite la compatibilidad entre sistemas para compartir la información de una manera segura, fiable y fácil. Se puede usar en bases de datos, editores de texto, hojas de cálculo y casi cualquier cosa imaginable

7 XHTML, al estar orientado al uso de un etiquetado correcto, mantiene estructuración coherente dentro del documento donde se incluirían elementos correctamente anidados, etiquetas en minúsculas, elementos cerrados correctamente, atributos de valores entrecomillados, etc.

8 Los documentos deben estar bien formados: Todos los elementos deben tener etiquetas de cierre, deben estar escritos de una forma determinada y además todos los elementos deben estar anidados correctamente. El documento debe estar bien formado con todas las etiquetas cerradas en el mismo orden en que se abren, vale decir, en el caso de etiquetas que se abren dentro de otras, deben ser cerradas en el mismo orden. Ejemplo: Ejemplo de elementos bien anidados. Ejemplo de elementos mal anidados. Etiquetado correcto, estándares XHTML y CSS

9 No puede haber elementos vacíos, por lo que las etiquetas que no tienen cierre deben completarse con un "slash" al final, ejemplo:, y. Las etiquetas deben escribirse en minúsculas debido a que XML es sensible a mayúsculas y minúsculas. Ejemplo correcto Ejemplo incorrecto Los valores de los atributos deben encerrarse entre comillas "dobles". ejemplo incorrecto Etiquetado correcto, estándares XHTML y CSS

10 Documento sin título

11 Estructura de etiqueta o tag

12 Referencias http://www.w3c.es/divulgacion/guiasbreves/XHTML http://www.elguille.info/HTMLscripts/HTML_DOCTYPE.htm http://www.w3c.es/divulgacion/guiasbreves/hojasestilo http://www.guiaweb.gob.cl/guia-v2/capitulos/03/xhtml.htm#desarrollo