Qué es xhtml
- 1. ¿Qué es HTML?HTML es el lenguaje que se utiliza para crear todas las páginas web de Internet
- 3. Definido por WorldWide Web Consortium(http://www.w3.org)Breve historia HTML1980 Tim Berners-Lee (CERN) propone un nuevo sistema de “hipertexto” para compartir documentos.
- 4. Presentado junto a Robert Caillau a concurso para hipertexto con el nombre de WorldWide Web (w3)
- 5. 1991 “HTML Tags” http://www.w3.org/History/19921103-hypertext/hypertext/WWW/MarkUp/Tags.html
- 6. 1993 IETF (Internet EngineeringTaskForce) primera propuesta de standarización, con imágenes, tablas y formulariosBreve historia HTMLDos propuestas de standarización HTML y HTML+ ninguna se convierte en oficial
- 7. 1995 HTML 2.0 primer estándar oficial
- 8. 1996 W3C 14 ene 1997 HTML 3.2. Añade texto que fluye alrededor de imágenes
- 9. 1998 HTML 4.0. añade CSS, posibilidad de scripts, mejoras en tablas y en formularios.Breve historia HTMLLa última espacificación de W3C es HTML 4.01 (1999)
- 10. la actividad de estandarización de HTML se detuvo y el W3C se centró en el desarrollo del estándar XHTML
- 11. 2004 Apple, Mozilla y Opera mostraron su preocupación por la falta de interés del W3C en HTML y decidieron organizarse en una nueva asociación llamada WHATWG (Web Hypertext Application Technology Working Group).
- 13. 2007 W3C vuelve al trabajo en HTML sin dejar XHTMLBreve historia HTMLLa primera versión de XHTML es 1.0 publicada en enero 2000 y revisada en agosto 2002
- 14. XHTML 1.0 es una adaptación de HTML 4.01 al lenguaje XML, por lo que mantiene casi todas sus etiquetas y características, pero añade algunas restricciones y elementos propios de XML.
- 15. La versión XHTML 1.1 ya ha sido publicada en forma de borrador y pretende modularizarXHTML.
- 16. También ha sido publicado el borrador de XHTML 2.0, que supondrá un cambio muy importante respecto de las anteriores versiones de XHTML.Breve historia HTMLEl organismo W3C (http://www.w3.org/) (WorldWide Web Consortium) elabora las normas que deben seguir los diseñadores de páginas web para crear las páginas HTML. ▪ Especificación oficial de HTML 4.01 http://www.w3.org/TR/html401/ ▪ Especificación oficial de XHTML 1.0 http://www.w3.org/TR/xhtml1/
- 17. HTML y XHTMLXHTML es una adaptación de HTML al lenguaje XMLHTML es descendiente directo del lenguaje SGML, mientras que XHTML lo es del XML (que a su vez, también es descendiente de SGML).
- 18. HTML y CSSOriginalmente, las páginas HTML sólo incluían información sobre sus contenidos de texto e imágenes. Con el desarrollo del estándar HTML, las páginas empezaron a incluir también información sobre el aspecto de sus contenidos: tipos de letra, colores y márgenes.
- 19. HTML y CSSLa posterior aparición de tecnologías como JavaScript, provocaron que las páginas HTML también incluyeran el código de las aplicaciones (llamadas scripts) que se utilizan para crear páginas web dinámicas.Incluir en una misma página HTML los contenidos, el diseño y la programación complica en exceso su mantenimiento.
- 20. HTML y CSSCSS es el mecanismo que permite separar los contenidos definidos mediante XHTML y el aspecto que deben presentar esos contenidos.
- 21. los documentos XHTML creados son más flexibles, ya que se adaptan mejor a las diferentes plataformas: pantallas de ordenador, pantallas de dispositivos móviles, impresoras y dispositivos utilizados por personas discapacitadas.HTML y CSShttp://www.csszengarden.com/
- 22. HTMLHTML es un lenguaje de etiquetas (también llamado lenguaje de marcado) y las páginas web habituales están formadas por cientos o miles de pares de etiquetas. De hecho, las letras "ML" de la sigla HTML significan "markuplanguage", que es como se denominan en inglés a los lenguajes de marcado.<nombre_etiqueta> ... </nombre_etiqueta>
- 23. HTMLLas páginas HTML se dividen en dos partes: la cabecera y el cuerpo. La cabecera incluye información sobre la propia página, como por ejemplo su título y su idioma. El cuerpo de la página incluye todos sus contenidos, como párrafos de texto e imágenes.
- 24. HTML<html><head> <title>El primer documento HTML</title></head><body><p>El lenguaje HTML es <strong>tan sencillo</strong> queprácticamente se entiende sin estudiar el significadode sus etiquetas principales.</p></body></html>
- 25. HTML<html> <head> <title>Ejemplo de atributos en las etiquetas</title> </head> <body> <p>Los enlaces son muy fáciles de indicar:<a>Soy un enlace incompleto, porque no tengo dirección de destino</a>. <a href="http://www.google.com">Este otro enlace apunta a la página de Google</a>. </p> </body></html>
- 26. HTML vs XHTMLEl lenguaje HTML original era muy permisivo en su sintaxis, por lo que era posible escribir sus etiquetas y atributos de muchas formas diferentes.Las etiquetas por ejemplo podían escribirse en mayúsculas, en minúsculas e incluso combinando mayúsculas y minúsculas. El valor de los atributos de las etiquetas se podían indicar con y sin comillas ("). Además, el orden en el que se abrían y cerraban las etiquetas no era importante.
- 27. HTML vs XHTMLLa flexibilidad de HTML puede parecer un aspecto positivo, pero el resultado final son páginas con un código HTML desordenado, difícil de mantener y muy poco profesional. Afortunadamente, XHTML soluciona estos problemas añadiendo ciertas normas en la forma de escribir las etiquetas y atributos.
- 28. HTML vs XHTML1) Las etiquetas se tienen que cerrar de acuerdo a como se abren:Ejemplo correcto en XHTML:<p>Este es un párrafo con <a>un enlace</a></p>Ejemplo incorrecto en XHTML (pero correcto en HTML):<p>Este es un párrafo con <a>un enlace</p></a>
- 29. HTML vs XHTML2) Los nombres de las etiquetas y atributos siempre se escriben en minúsculas:Ejemplo correcto en XHTML:<p>Este es un párrafo con <a href="http://www.google.com">un enlace</a></p>Ejemplo incorrecto en XHTML (pero correcto en HTML):<P>Este es un párrafo con <A HREF="http://www.google.com">un enlace</A></P>
- 30. HTML vs XHTML3) El valor de los atributos siempre se encierra con comillas:Ejemplo correcto en XHTML:<p>Este es un párrafo con <a href="http://www.google.com">un enlace</a></p>Ejemplo incorrecto en XHTML (pero correcto en HTML):<p>Este es un párrafo con <a href=http://www.google.com>un enlace</a></p>
- 31. HTML vs XHTML4) Los atributos no se pueden comprimir:Ejemplo correcto en XHTML:<dl compact="compact">...</dl>Ejemplo incorrecto en XHTML (pero correcto en HTML):<dl compact>...</dl>
- 32. HTML vs XHTML5) Todas las etiquetas deben cerrarse siempre:Como el estándar XHTML obliga a cerrar todas las etiquetas abiertas, siempre que se incluya la etiqueta <br> se debería cerrar de forma seguida: <br></br>. Para que el código resulte más cómodo de escribir, XHTML permite en estos casos escribir de forma abreviada una etiqueta que se abre y se cierra de forma consecutiva.<br />
- 33. HTML vs XHTMLAdemás de estas cinco restricciones básicas, XHTML incluye otros cambios más avanzados respecto a HTML:1. Antes de acceder al valor de un atributo, se eliminan todos los espacios en blanco que se encuentran antes y después del valor. Además, se eliminan todos los espacios en blanco sobrantes dentro del valor de un atributo..2. el código JavaScript debe encerrarse entre unas etiquetas especiales (<![CDATA[ y ]]>) para evitar que el navegador interprete de forma errónea caracteres como & y <.3. Las páginas XHTML deben prescindir del atributo name para identificar de forma única a los elementos. En su lugar, siempre debe utilizarse el atributo id.