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

plande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdfplande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdfenelcielosiempre
 
Criterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficiosCriterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficiosJonathanCovena1
 
PIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesPIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesYanirisBarcelDelaHoz
 
Imperialismo informal en Europa y el imperio
Imperialismo informal en Europa y el imperioImperialismo informal en Europa y el imperio
Imperialismo informal en Europa y el imperiomiralbaipiales2016
 
Estrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptxEstrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptxdkmeza
 
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Alejandrino Halire Ccahuana
 
actividades comprensión lectora para 3° grado
actividades comprensión lectora para 3° gradoactividades comprensión lectora para 3° grado
actividades comprensión lectora para 3° gradoJosDanielEstradaHern
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptxFelicitasAsuncionDia
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICAÁngel Encinas
 
Ley 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularLey 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularMooPandrea
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxlclcarmen
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...JAVIER SOLIS NOYOLA
 
plan de capacitacion docente AIP 2024 clllll.pdf
plan de capacitacion docente  AIP 2024          clllll.pdfplan de capacitacion docente  AIP 2024          clllll.pdf
plan de capacitacion docente AIP 2024 clllll.pdfenelcielosiempre
 
Programacion Anual Matemática4 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática4    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática4    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática4 MPG 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...JonathanCovena1
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMarjorie Burga
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfAngélica Soledad Vega Ramírez
 
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática5    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática5    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 

Último (20)

Presentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza MultigradoPresentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza Multigrado
 
plande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdfplande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdf
 
Criterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficiosCriterios ESG: fundamentos, aplicaciones y beneficios
Criterios ESG: fundamentos, aplicaciones y beneficios
 
PIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonablesPIAR v 015. 2024 Plan Individual de ajustes razonables
PIAR v 015. 2024 Plan Individual de ajustes razonables
 
Imperialismo informal en Europa y el imperio
Imperialismo informal en Europa y el imperioImperialismo informal en Europa y el imperio
Imperialismo informal en Europa y el imperio
 
Estrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptxEstrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptx
 
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
Lecciones 05 Esc. Sabática. Fe contra todo pronóstico.
 
actividades comprensión lectora para 3° grado
actividades comprensión lectora para 3° gradoactividades comprensión lectora para 3° grado
actividades comprensión lectora para 3° grado
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptx
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
 
Ley 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularLey 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circular
 
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
 
plan de capacitacion docente AIP 2024 clllll.pdf
plan de capacitacion docente  AIP 2024          clllll.pdfplan de capacitacion docente  AIP 2024          clllll.pdf
plan de capacitacion docente AIP 2024 clllll.pdf
 
Medición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptxMedición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptx
 
Programacion Anual Matemática4 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática4    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática4    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática4 MPG 2024 Ccesa007.pdf
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grande
 
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfSELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdf
 
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática5    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática5    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática5 MPG 2024 Ccesa007.pdf
 

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