XML: HTML y XHTML

2,111 views

Published on

Vídeo de la presentación: http://www.youtube.com/watch?v=EDTgmwVNGjs

XML (eXtensible Markup Language, Lenguaje de marcas extensible)
- XHTML (eXtensible Hypertext Markup Language, Lenguaje extensible de marcado de hipertexto)
- Diferencias HTML - XHTML


Más información:
- http://accesibilidadweb.dlsi.ua.es
- http://desarrolloweb.dlsi.ua.es
Autor: Sergio Luján Mora, profesor de la Universidad de Alicante (http://www.ua.es)

Published in: Education
2 Comments
3 Likes
Statistics
Notes
No Downloads
Views
Total views
2,111
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
0
Comments
2
Likes
3
Embeds 0
No embeds

No notes for slide

XML: HTML y XHTML

  1. 1. XML: HTML y XHTML Sergio Luján Mora sergio.lujan@ua.esXML-03
  2. 2. Vídeo de esta presentación Puedes ver esta presentación en vídeo:http://www.youtube.com/watch?v=EDTgmwVNGjs
  3. 3. XHTML es el lenguaje de marcadopensado para sustituir a HTMLcomo estándar para las páginasweb.
  4. 4. XMLXHTML 1.0
  5. 5. XHTML es el lenguaje de marcado pensadopara sustituir a HTML como estándar para laspáginas web.En su versión 1.0, XHTML es solamente laversión XML de HTML, por lo que tiene,básicamente, las mismas funcionalidades,pero cumple las especificaciones, másestrictas, de XML.
  6. 6. XHTML incorpora a las páginas web el rigorde XML, lo cual se traduce en un mejorprocesamiento, un mantenimiento mássencillo y es el primer paso hacia la llamadaweb semántica.
  7. 7. XHTML 2.0 XHTML Modular XHTML Print XHTML 1.0 BasicXHTML 1.1 XHTML XHTML Abstract Modules
  8. 8. AppleMozilla2004 Foundation Opera Software
  9. 9. Web Hypertext Application Technology Working Group
  10. 10. WHATWG
  11. 11. 2006
  12. 12. 2007
  13. 13. Diferencias con XHTML• Versiones de HTML 4.01:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
  14. 14. Diferencias con XHTML• Versiones de XHTML 1.0:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
  15. 15. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml”><head> <title>An XHTML 1.0 Strict standard template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /></head><body> <p>… Your HTML content here …</p></body></html>
  16. 16. <?xml version="1.0" encoding="ISO-8859-1"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml”><head> <title>An XHTML 1.0 Strict standard template</title> <meta http-equiv="content-type" content="text/html;charset=ISO-8859-1" /></head><body> <p>… Your HTML content here …</p></body></html>
  17. 17. DiferenciasHTML - XHTML
  18. 18. 1. Los documentos tienen que estar bien formados – Incorrecto: elementos superpuestos. <p>aquí hay un <b>texto en negrita</p></b> – Correcto: elementos anidados. <p>aquí hay un <b>texto en negrita</b></p>
  19. 19. 2. Los elementos y atributos tienen que estar en minúsculas – Incorrecto: mezcla de mayúsculas y minúsculas. <table BORDER="0"><TR ALIGN="LEFT"> – Correcto: todo en minúsculas. <table border="0"><tr align="left">
  20. 20. 3. Los elementos vacíos llevan etiqueta de cierre – Incorrecto: elementos vacíos sin etiqueta de cierre. <br><hr> – Correcto: elementos vacíos con etiqueta de cierre. <br></br><hr></hr> o <br/><hr/>
  21. 21. 4. Los elementos no vacíos necesitan la etiqueta de cierre – Incorrecto: elementos sin etiqueta de cierre. <p>Esto es un párrafo.<p>Esto es otro párrafo. – Correcto: elementos con etiqueta de cierre. <p>Esto es un párrafo.</p><p>Esto es otro párrafo.</p>
  22. 22. 5. Los valores de los atributos tienen que llevar siempre comillas – Incorrecto: valores de atributos sin comillas. <table rows=3> – Correcto: valores de atributos entre comillas. <table rows="3"> <table rows=3>
  23. 23. 6. La minimización de atributos no es posible – Incorrecto: atributo minimizado. <dl compact> <option value="1" selected> <input type="radio" checked> – Correcto: atributo no minimizado. <dl compact="compact"> <option value="1" selected="selected"> <input type="radio" checked="checked">
  24. 24. 7. Manejo de espacios en blanco en los atributos – Espacios en blanco al principio y al final: se eliminan – Uno o más espacios en blanco (incluyendo saltos de línea) se traducen en un único espacio en blanco entre palabras
  25. 25. 8. Empleo de scripts (<script>) y estilos (<style>) - Interpretación de < y & - <![CDATA[ ... contenido de script ... ]]> - Usar ficheros separados
  26. 26. 9. Exclusiones de SGML - Elementos que no pueden ser contenidos en otros elementos a: a pre: img, object, big, small, sub, sup button: input, select, textarea, label, button, form, fieldset, iframe isindex label: label form: form
  27. 27. 10. Solo el atributo id actúa como identificador – Incorrecto: no es un atributo identificador. <a name="algo"> – Correcto: id es un atributo ID. <a id="algo">
  28. 28. 11. Atributos con conjunto de valores predefinidos – Incorrecto: mezcla de mayúsculas y minúsculas. <tr align="LEFT"> <input type="TEXT" name="algo"> – Correcto: todo en minúsculas. <tr align="left"> <input type="text" name="algo">
  29. 29. 12. Referencias de entidad como valores hexadecimales – Incorrecto: valores de atributos sin comillas. &#Xnn; &#xnn; – Correcto: sólo en minúsculas. &#xnn;
  30. 30. DiferenciasHTML - XHTML
  31. 31. Más información:http://accesibilidadweb.dlsi.ua.es/ http://desarrolloweb.dlsi.ua.es/ sergio.lujan@ua.es
  32. 32. Créditos de fotografías e imágenes:http://www.sxc.hu/photo/1238327http://www.w3.org/Consortium/Legal/logo-usage-20000308http://dev.xguru.net/html5/src/html5timeline.pnghttp://www.sxc.hu/photo/1337950http://www.w3.org/html/logo/http://www.sxc.hu/photo/1008265http://www.sxc.hu/photo/614056http://www.sxc.hu/photo/1287371http://es.wikipedia.org/wiki/Archivo:Etiquetas_en_HTML.png

×