SlideShare una empresa de Scribd logo
1 de 31
HTML5:¿Por qué es importante escribir código correcto? (1/3) Sergio Luján Mora sergio.lujan@ua.es HTML5-03
Vídeo de esta presentación Puedes ver esta presentación en vídeo: http://www.youtube.com/watch?v=RnzKl8OA5gQ
Mi página web se ve bien en todos los navegadores, pero en Internet Explorer 6 se rompe. ¿Por qué?
Mi página web se ve bien en Internet Explorer 6, pero en el resto de navegadores se rompe. ¿Por qué?
impresionante
¡Error!
Mi página web se ve bien en todos los navegadores, pero en Internet Explorer 6 se rompe. ¿Por qué? Mi página web se ve bien en todos los navegadores, pero en XYZ n se rompe. ¿Por qué?
Fallos de los navegadores
Problemas de compatibilidad entre los navegadores
Soporte de HTML por los navegadores
Errores en el código HTML
Fallos de los navegadores Problemas de compatibilidad entre los navegadores Soporte de HTML por los navegadores Errores en el código HTML
<p>Esto es un párrafo. </p> <p>Esto es otro párrafo. </p> <p>Esto es un párrafo. <p>Esto es otro párrafo.
<body> <p><b>Este texto tiene que aparecer en negrita, ¿aparece? </p> <p>Este texto no tiene negrita, ¿aparece sin negrita? </p> </body> <body> <p><b>Este texto tiene que aparecer en negrita, ¿aparece?</b> </p> <p>Este texto no tiene negrita, ¿aparece sin negrita? </p> </body> <body> <p><b>Este texto tiene que aparecer en negrita, ¿aparece? </p> <p>Este texto no tiene negrita, ¿aparece sin negrita? </p></b> </body>
Más información: http://desarrolloweb.dlsi.ua.es/ sergio.lujan@ua.es
Créditos de fotografías e imágenes: http://www.sxc.hu/photo/1124847 http://www.sxc.hu/photo/1111749 http://www.sxc.hu/photo/1280969 http://www.sxc.hu/photo/1185416

Más contenido relacionado

Más de Sergio Luján Mora - Universidad de Alicante

Más de Sergio Luján Mora - Universidad de Alicante (20)

XML: Ejemplos de uso
XML: Ejemplos de usoXML: Ejemplos de uso
XML: Ejemplos de uso
 
XML: Introducción
XML: IntroducciónXML: Introducción
XML: Introducción
 
XML: HTML y XHTML
XML: HTML y XHTMLXML: HTML y XHTML
XML: HTML y XHTML
 
Cookies: ¿Cómo funcionan?
Cookies: ¿Cómo funcionan?Cookies: ¿Cómo funcionan?
Cookies: ¿Cómo funcionan?
 
Cookies: ¿Qué son y para qué sirven?
Cookies: ¿Qué son y para qué sirven?Cookies: ¿Qué son y para qué sirven?
Cookies: ¿Qué son y para qué sirven?
 
Cookies: Uso en JavaScript
Cookies: Uso en JavaScriptCookies: Uso en JavaScript
Cookies: Uso en JavaScript
 
Curso Introduccion accesibilidad web
Curso Introduccion accesibilidad webCurso Introduccion accesibilidad web
Curso Introduccion accesibilidad web
 
¿Qué es un CAPTCHA? Origen y uso
¿Qué es un CAPTCHA? Origen y uso¿Qué es un CAPTCHA? Origen y uso
¿Qué es un CAPTCHA? Origen y uso
 
¿Qué es un CAPTCHA? Futuro
¿Qué es un CAPTCHA? Futuro¿Qué es un CAPTCHA? Futuro
¿Qué es un CAPTCHA? Futuro
 
Errores web: Tame
Errores web: TameErrores web: Tame
Errores web: Tame
 
Errores web: Renfe y las fechas
Errores web: Renfe y las fechasErrores web: Renfe y las fechas
Errores web: Renfe y las fechas
 
Errores web: Renfe y los nombres de las ciudades
Errores web: Renfe y los nombres de las ciudadesErrores web: Renfe y los nombres de las ciudades
Errores web: Renfe y los nombres de las ciudades
 
Errores web: El País
Errores web: El PaísErrores web: El País
Errores web: El País
 
Errores web: Amadeus y su calendario
Errores web: Amadeus y su calendarioErrores web: Amadeus y su calendario
Errores web: Amadeus y su calendario
 
Errores web: Rumbo y su calendario
Errores web: Rumbo y su calendarioErrores web: Rumbo y su calendario
Errores web: Rumbo y su calendario
 
Herramientas de trabajo colaborativo
Herramientas de trabajo colaborativoHerramientas de trabajo colaborativo
Herramientas de trabajo colaborativo
 
Herramientas educativas
Herramientas educativasHerramientas educativas
Herramientas educativas
 
Recursos 2.0 de la Universidad de Alicante
Recursos 2.0 de la Universidad de AlicanteRecursos 2.0 de la Universidad de Alicante
Recursos 2.0 de la Universidad de Alicante
 
La Web 2.0 y la educación
La Web 2.0 y la educaciónLa Web 2.0 y la educación
La Web 2.0 y la educación
 
Presentación de Sergio Luján Mora
Presentación de Sergio Luján MoraPresentación de Sergio Luján Mora
Presentación de Sergio Luján Mora
 

Último

🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
EliaHernndez7
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Fernando Solis
 
PROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdf
PROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdfPROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdf
PROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdf
EduardoJosVargasCama1
 

Último (20)

PP_Comunicacion en Salud: Objetivación de signos y síntomas
PP_Comunicacion en Salud: Objetivación de signos y síntomasPP_Comunicacion en Salud: Objetivación de signos y síntomas
PP_Comunicacion en Salud: Objetivación de signos y síntomas
 
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIASISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
 
Actividades para el 11 de Mayo día del himno.docx
Actividades para el 11 de Mayo día del himno.docxActividades para el 11 de Mayo día del himno.docx
Actividades para el 11 de Mayo día del himno.docx
 
Factores que intervienen en la Administración por Valores.pdf
Factores que intervienen en la Administración por Valores.pdfFactores que intervienen en la Administración por Valores.pdf
Factores que intervienen en la Administración por Valores.pdf
 
Usos y desusos de la inteligencia artificial en revistas científicas
Usos y desusos de la inteligencia artificial en revistas científicasUsos y desusos de la inteligencia artificial en revistas científicas
Usos y desusos de la inteligencia artificial en revistas científicas
 
La Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración AmbientalLa Sostenibilidad Corporativa. Administración Ambiental
La Sostenibilidad Corporativa. Administración Ambiental
 
Supuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docxSupuestos_prácticos_funciones.docx
Supuestos_prácticos_funciones.docx
 
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxPLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
 
PLAN LECTOR 2024 integrado nivel inicial-miercoles 10.pptx
PLAN LECTOR 2024  integrado nivel inicial-miercoles 10.pptxPLAN LECTOR 2024  integrado nivel inicial-miercoles 10.pptx
PLAN LECTOR 2024 integrado nivel inicial-miercoles 10.pptx
 
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
 
La Evaluacion Formativa SM6 Ccesa007.pdf
La Evaluacion Formativa SM6  Ccesa007.pdfLa Evaluacion Formativa SM6  Ccesa007.pdf
La Evaluacion Formativa SM6 Ccesa007.pdf
 
Sesión de clase APC: Los dos testigos.pdf
Sesión de clase APC: Los dos testigos.pdfSesión de clase APC: Los dos testigos.pdf
Sesión de clase APC: Los dos testigos.pdf
 
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxLA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
 
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPCTRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
TRABAJO FINAL TOPOGRAFÍA COMPLETO DE LA UPC
 
Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024
 
PROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdf
PROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdfPROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdf
PROPUESTA COMERCIAL SENA ETAPA 2 ACTIVIDAD 3.pdf
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
 
Louis Jean François Lagrenée. Erotismo y sensualidad. El erotismo en la Hist...
Louis Jean François Lagrenée.  Erotismo y sensualidad. El erotismo en la Hist...Louis Jean François Lagrenée.  Erotismo y sensualidad. El erotismo en la Hist...
Louis Jean François Lagrenée. Erotismo y sensualidad. El erotismo en la Hist...
 
1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...
1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...
1ro Programación Anual D.P.C.C planificación anual del área para el desarroll...
 

HTML5: ¿Por qué es importante escribir código correcto? (1/3)

  • 1. HTML5:¿Por qué es importante escribir código correcto? (1/3) Sergio Luján Mora sergio.lujan@ua.es HTML5-03
  • 2. Vídeo de esta presentación Puedes ver esta presentación en vídeo: http://www.youtube.com/watch?v=RnzKl8OA5gQ
  • 3.
  • 4.
  • 5. Mi página web se ve bien en todos los navegadores, pero en Internet Explorer 6 se rompe. ¿Por qué?
  • 6. Mi página web se ve bien en Internet Explorer 6, pero en el resto de navegadores se rompe. ¿Por qué?
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 14.
  • 16.
  • 17.
  • 18.
  • 19. Mi página web se ve bien en todos los navegadores, pero en Internet Explorer 6 se rompe. ¿Por qué? Mi página web se ve bien en todos los navegadores, pero en XYZ n se rompe. ¿Por qué?
  • 20. Fallos de los navegadores
  • 21. Problemas de compatibilidad entre los navegadores
  • 22. Soporte de HTML por los navegadores
  • 23. Errores en el código HTML
  • 24. Fallos de los navegadores Problemas de compatibilidad entre los navegadores Soporte de HTML por los navegadores Errores en el código HTML
  • 25.
  • 26.
  • 27. <p>Esto es un párrafo. </p> <p>Esto es otro párrafo. </p> <p>Esto es un párrafo. <p>Esto es otro párrafo.
  • 28. <body> <p><b>Este texto tiene que aparecer en negrita, ¿aparece? </p> <p>Este texto no tiene negrita, ¿aparece sin negrita? </p> </body> <body> <p><b>Este texto tiene que aparecer en negrita, ¿aparece?</b> </p> <p>Este texto no tiene negrita, ¿aparece sin negrita? </p> </body> <body> <p><b>Este texto tiene que aparecer en negrita, ¿aparece? </p> <p>Este texto no tiene negrita, ¿aparece sin negrita? </p></b> </body>
  • 29.
  • 31. Créditos de fotografías e imágenes: http://www.sxc.hu/photo/1124847 http://www.sxc.hu/photo/1111749 http://www.sxc.hu/photo/1280969 http://www.sxc.hu/photo/1185416