xHTML 1.0 Basics
•Descargar como PPT, PDF•
2 recomendaciones•2,219 vistas
Curso de Estándares Web - Día #1 Diferencias del xHTML 1.0 de versiones anteriores de HTML.
![xHTML ,[object Object],Harold Maduro](https://image.slidesharecdn.com/xhtml-1basics-1227379479869002-9/85/xHTML-1-0-Basics-1-320.jpg)
![xHTML 1.0 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (19)
Similar a xHTML 1.0 Basics
Similar a xHTML 1.0 Basics (20)
Más de Harold Maduro
Más de Harold Maduro (20)
Último
Último (20)
xHTML 1.0 Basics
- 3. xHTML 1.0 Abrir documento con DOCTYPE correcto Los archivos xHTML comienzan con varios elementos que le dice a los browsers cómo interpretarlos y le dice a los validators cómo probar que están correctos. El primer elemento de estos es el DOCTYPE (Document Type Declaration o DTD) el cual le dice a los validators que versión de HTML estamos usando.Los DOCTYPES le permiten a los diseñadores web crear diferentes tipos de documentos atados a diferentes sets de reglas. Las reglas de cómo se despliega el documento va a depender de la especificación de HTML creada por el W3C. La información proporcionada por el DOCTYPE le va a proporcionar a los browsers, la información de cómo fue construido el documento, por lo tanto, cómo deben desplegarlo. Los documentos HTML no van a validar al menos de que contengan un DOCTYPE.
- 4. xHTML 1.0 Abrir documento con DOCTYPE correcto <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
- 5. xHTML 1.0 Abrir documento con DOCTYPE correcto HTML 4.01 Transitional - Ingles <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " http://www.w3.org/TR/html4/loose.dtd "> xHTML 1.0 Transitional - Ingles <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtm l1-transitional.dtd ">
- 6. xHTML 1.0 Abrir documento con DOCTYPE correcto En el caso de xHTML 1.0, existen tres opciones de DTD y por lo tanto tres DOCTYPES posibles: Transitional : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> Strict : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Fram eset : <!DOCTYPE html PUBLIC "-//W3C//DTD XHT ML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
- 7. xHTML 1.0 Abrir documento con DOCTYPE correcto El problema es que si usamos un DOCTYPE incorrecto, o no lo usamos; los browsers cambian a lo que se llama "Quirks" mode, lo que significa que el browser asume que escribimos nuestro HTML a la antigua y trata de corregir los errores más comunes del pasado (elementos sin tag de cerrar, etc). Esto hace imposible que despliegue la página correctamente usando los estándares web, quienes tienen reglas mucho más estrictas.
- 8. xHTML 1.0 Namespace El namespace en XML es una colección de tipos de elementos y nombres de atributos asociados a un DTD específico. Las declaraciones DTD permiten identificar al namespace apuntando a su localización online. Los otros dos atributos son el idioma del documento y la especificación que el XML también fue escrito en ese idioma (ingles).
- 9. xHTML 1.0 Namespace <html xmlns=" http://www.w3.org/1999/xhtml " lang="en" xml:lang="en">
- 10. xHTML 1.0 Namespace En muchas ocasiones, he visto que omiten el idioma y simplemente apuntan al namespace.<html xmlns=" http://www.w3.org/1999/xhtml ">
- 11. xHTML 1.0 Declarar el Content Type o Charset Para poder ser interpretados correctamente por los browsers y para que los documentos puedan ser validados, deben llevar el tipo de character encoding que se ha usado en el mismo.El character set default de los documentos en HTML (HTML 4.01 y xHTML; incluso, XML) es Unicode. Unicode fue desarrollado por el Unicode Consortium y es un set de caracteres que provee un número único para cada caracter, "no matter what the platform, no matter what the program, no matter what the language". Ahora, este set de caracteres no contiene todos los caracteres que necesitamos en idiomas como español, griego, etc.
- 12. xHTML 1.0 Declarar el Content Type o Charset También podemos usar el ISO 8859-1 , conocido como Latin-1. Este es un set de caracteres que incluyen caracteres de Europa del Este, Turkía, Grecia, Hebreo, etc. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
- 13. xHTML 1.0 Declarar el Content Type o Charset UTF-8 UTF-8 permite agregar caracteres latinos directo en el documento y que puedan ser interpretados correctamente por el browser. Por ejemplo tíldes y eñes. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- 14. xHTML 1.0 Language La especificación de xHTML nos dice que debemos especificar el idioma en que está el contenido de nuestro documento. Esto lo podemos hacer por medio de un META TAG (ingles de Estados Unidos):<meta http-equiv="Content-Language" content="en-us" />
- 15. xHTML 1.0 Language En el caso de español, sería:<meta http-equiv="Content-Language" content="es" />
- 16. xHTML 1.0 Elementos en Minúscula <p>Este es mi <strong>párrafo</strong>.</p>
- 17. xHTML 1.0 Atributos dentro de comillas <p align=”left”>¡Hola!</p>
- 18. xHTML 1.0 Elementos deben abrirse y cerrarse correctamente <p>Este es mi <strong>párrafo</strong>. Mi libro favorito es <em>Neuromancer</em> por <big>William Gibson</big>.</p>
- 19. xHTML 1.0 Cerrar Tags Vacíos <img src=”foto.jpg” />
- 20. xHTML 1.0 Cerrar Tags Vacíos <meta name=”description” value=”Mi super site” />
- 21. xHTML 1.0 Cerrar Tags Vacíos <input type=”text” name=”nombre” />
- 22. xHTML 1.0 Todos los atributos necesitan un valor <select name=”pais” selected=”selected”> Panamá . </select> .
- 23. xHTML 1.0 Encode special characters Smith & Wesson
- 24. xHTML 1.0 No usar guiones dentro de los comentarios Mal: <!-- ---- Contenido ----- -->
- 25. xHTML 1.0 No usar guiones dentro de los comentarios Bien: <!-- Comienza el contenido -->
- 32. Bibliografía CSS: The Definitive Guide Amazon: http://tinyurl.com/5hs7jf Eric Meyer
- 33. Bibliografía xHTML 1.0 Specification http://www.w3.org/TR/xhtml1/ World Wide Web Consortium
- 34. Bibliografía CSS 2.1 Specification http://www.w3.org/TR/CSS21/ World Wide Web Consortium