diferencias entre html y html 5

Upload: demian-sainz

Post on 08-Jul-2015

2.120 views

Category:

Documents


1 download

TRANSCRIPT

Instituto Tecnolgico de La Paz

Programacin WebDiferencias entre HTML 4 y HTML 5. Ing. Luis Armando Crdenas FloridoSainz Castro Omar Ernesto

24 de Junio de 2011

Etiquetas en HTML & HTML5New: Nuevas etiquetas en HTML5

Etiquetas

Descripcin Define un comentario oculto. Define el tipo de documento. Define un hipervnculo. Define una abreviacin. No soportada por HTML5 Define un elemento para direcciones. No soportada por HTML5. Define un rea dentro de una imagen de mapeo.

New New

Define un artculo. Define contenido, aparte del contenido de la pgina.

New Define contenido del tipo audio. Define texto en negrita. Define un URL base para todos los links en una pgina. New No soportada por HTML5. Define la direccin del texto en el display No soportada por HTML5. Define un bloque para citas. Inserta un salto de lnea. Define un botn. Define grficos. Define una leyenda en una tabla. No soportada por HTML5. New New New NewDefine una citacin. Define texto ComputerCode. Define atributos para una columna de tabla. Define grupos de columnas en una tabla. Define un botn de comando. Define una lista desplegable. Define descripciones en una lista. Indica el texto eliminado. Define detalles de un elemento. Asigna una definicin a un trmino. No soportada por HTML5. Define un bloque de contenido. Define una lista. Inserta un trmino en una lista. Indica nfasis. Define contenido interactivo externo o plugins. New New New New NewAgrupa los controles en un formulario. Define el ttulo de una figura. Define un grupo de contenido. No soportada en HTML5. Define un pie de pgina. Inserta un formulario. No soportada por HTML5. No soportada por HTML5. Define un encabezado de 1 a 6. Define informacin sobre el documento. Define un encabezado. Define informacin sobre alguna seccin enun documento. Inserta una lnea horizontal. Define un documento HTML. Muestra texto en itlica. Inserta un marco dentro de un documento. Inserta una imagen. Muestra controles de entrada. Indica el texto insertado. Define una llave generada en un formulario. Indica el texto a ingresarse por el usuario. Establece una etiqueta para un control. Asigna un ttulo a los controles del formulario. New Define un artculo en una lista. Ofrece informacin relacional. Define un mapa de imagen. Define texto marcado. Define un men. Proporciona informacin sobre el documento. New Define una medida dentro de un rango definido. Define hipervnculos de navegacin. No soportada en HTML5. Contenido alternativo para scripts. Ejecuta aplicaciones externas. Inserta una lista ordenada. Agrupa opciones en un control select. Define una opcin en un control select.New NewDefine controles de salida. Define un prrafo. Define parmetros para un objeto. Define texto preformateado. Define el progreso de una tarea de cualquier tipo. NewInserta una cita en una lnea. Usado en anotaciones Ruby, para definir qu mostrar el navegador en dado caso de no soportar el elemento ruby.NewProporciona informacin sobre el elemento ruby.New New New Permite insertar caracteres asiticos. Muestra el texto tachado. Representa texto de programas. Contiene scripts. Define una seccin. Crea un control select. Define texto pequeo. Define recursos multimedia. Define una seccin en un documento. No soportada en HTML5. Indica nfasis fuerte. Define atributos visuales (hojas de estilo). Define texto en subndice. Define texto en superndice. Define una tabla. Define un cuerpo en una tabla. Define una celda regular en una tabla. New

New New Entrada de texto de lneas mltiples. Define un pie en una tabla. Celda de encabezado en una tabla. Define un encabezado en una tabla. Define fechas/tiempo. Define el ttulo de un documento. Inserta una fila en una tabla. No soportada por HTML5. No soportada por HTML5. Inserta una lista sin orden. Indica una instancia para una variable. Define un video. Define un salto de lnea. No soportada por HTML5.Versiones de HTML El primer documento formal con la descripcin de HTML se public en 1991 bajo el nombre "HTML Tags"(Etiquetas HTML) y todava hoy puede ser consultado online a modo de reliquia informtica. La primera propuesta oficial para convertir HTML en un estndar se realiz en 1993 por parte del organismoIETF (Internet EngineeringTaskForce). Aunque se consiguieron avances significativos (en esta poca se definieron las etiquetas para imgenes, tablas y formularios) ninguna de las dos propuestas de estndar, llamadasHTML y HTML+ consiguieron convertirse en estndar oficial. En 1995, el organismo IETF organiza un grupo de trabajo de HTML y consigue publicar, el 22 de septiembre de ese mismo ao, el estndar HTML 2.0. A pesar de su nombre, HTML 2.0 es el primer estndar oficial de HTML.A partir de 1996, los estndares de HTML los publica otro organismo de estandarizacin llamado W3C (World Wide Web Consortium). La versin HTML 3.2 se public el 14 de Enero de 1997 y es la primera recomendacin de HTML publicada por el W3C. Esta revisin incorpora los ltimos avances de las pginas web desarrolladas hasta 1996, como applets de Java y texto que fluye alrededor de las imgenes. HTML 4.0 se public el 24 de Abril de 1998 (siendo una versin corregida de la publicacin original del 18 de Diciembre de 1997) y supone un gran salto desde las versiones anteriores. Entre sus novedades ms destacadas se encuentran las hojas de estilos CSS, la posibilidad de incluir pequeos programas o scripts en las pginas web, mejora de la accesibilidad de las pginas diseadas, tablas complejas y mejoras en los formularios. La ltima especificacin oficial de HTML se public el 24 de diciembre de 1999 y se denomina HTML 4.01. Se trata de una revisin y actualizacin de la versin HTML 4.0, por lo que no incluye novedades significativas. Desde la publicacin de HTML 4.01, la actividad de estandarizacin de HTML se detuvo y el W3C se centr en el desarrollo del estndar XHTML. Por este motivo, en el ao 2004, las empresas Apple, Mozilla y Opera mostraron su preocupacin por la falta de inters del W3C en HTML y decidieron organizarse en una nueva asociacinllamada WHATWG (Web HypertextApplicationTechnologyWorkingGroup). La actividad actual del WHATWG se centra en el futuro estndar HTML 5, cuyo primer borrador oficial se public el 22 de enero de 2008. Debido a la fuerza de las empresas que forman el grupo WHATWG y a la publicacin de los borradores de HTML 5.0, en marzo de 2007 el W3C decidi retomar la actividad estandarizadora de HTML. De forma paralela a su actividad con HTML, W3C ha continuado con la estandarizacin de XHTML, una versinavanzada de HTML y basada en XML. La primera versin de XHTML se denomina XHTML 1.0 y se public el 26 de Enero de 2000 (y posteriormente se revis el 1 de Agosto de 2002).XHTML 1.0 es una adaptacin de HTML 4.01 al lenguaje XML, por lo que mantiene casi todas sus etiquetas y caractersticas, pero aade algunas restricciones y elementos propios de XML. La versin XHTML 1.1 ya ha sido publicada en forma de borrador y pretende modularizar XHTML. Tambin ha sido publicado el borrador deXHTML 2.0, que supondr un cambio muy importante respecto de las anteriores versiones de XHTML. HTML 5 HTML5 define detalladas reglas de parse, incluyendo un control de errores, para que esta sintaxis sea compatible con las implementaciones ms populares. Los agentes de usuario seguirs las mismas reglas que para los que actualmente tienen text/html.DOCTYPEEl nuevo HTML5 requiere el elemento DOCTYPE que debe ser declarado al principio de la pgina, de esta forma nos aseguramos de que el navegador renderiza la pgina en modo estndar. En cambio para la versin XHTML5 este elemento es opcional debido a que XML acta de diferente manera dentro de nuestro navegador. Modelos estrictos de contenidos HTML5 define de forma ms estricta el contenido para elementos y . Estos elementos ahora pueden contener contenido de elementos block o inline pero no los dos. En HTML4 esto fue considerado como un bug de la especificacin ya que permita el uso de ambos. Otro cambio afecta al elemento , ahora podr aparecer al final de la pgina, al igual que directamente despus del elemento .Nuevos elementosLos tiempos modernos requieren nuevos elementos para proporcionar una web ms semntica, completa y homognea. Para ello se han aadido una buena serie de elementos que nos permitirn encapsular ms nuestro contenido.y Elemento que nos permite declarar un trozo del contenido como artculo. Ideal para blogs o peridicos.y Representa un trozo de contenido que se relaciona muy levemente con el resto del contenido.y y elemento que permite representar conversaciones. podrs usarlo para asociar con un caption un contenido incrustado, como por ejemplo grficos o vdeo.y Parece que me han ledo la mente o quizs leyeron este post. Seccin de la pgina para contener informacin sobre el autor, copyright, etc.,y y y y y y y y y representa a la seccin de cabecera. Representa la seccin de la pgina orientada a la navegacin. Elemento que indica que se trata de una seccin genrica. y Para el contenido multimedia. Es un elemento dedicado para contenido de plugins. Representa el texto marcado. Usado para representar medidas, por ejemplo el tamao del disco usado. Usado para mostrar fechas y/o tiempo. Usado para mostrar grficos renderizados en tiempo real, por ejemplo grficos, juegos, etc.y y y y Relacionado con los comandos que el usuario puede invocar. Ideal para mostrar un rbol de datos o una tabla tabulada. Muestra informacin adicionar si el usuario lo demanda. Junto con el nuevo atributo list para los puede ser usado para crear comboboxes.y y y Puede ser usado para capturar eventos enviados desde servidor. nos indica que tipo de salida vamos producir con nuestra pgina. representa una barra de proceso de una tarea, por ejemplo descargar.Los elementos de entrada dispondrn de una serie de tipos (type) nuevos para indicar los diferentes tipos de elementos de entrada posibles.y y y y y y y y y yDatetime. Datetime-local. Date. Month. Week. Time. Number. Range. Email. URL.Nuevos atributos HTML 5 ha introducido una gran cantidad de nuevos elementos para varios elementos de los que ya disponemos en la HTML4.y yMedia: Para conseguir una mayor consistencia con el link en los elementos Ping:Especificaremos una lista separada por espacios donde produciremos un ping cuando se siga el enlace, para los elementos y y yTarget: Disponible para mejorar la consistencia con el elemento . Autofocus: Destinado para indicar el elemento (no hidden), , o que ha de coger el foco al cargar la pgina.yForm: Atributo para , , , y que permite que se asocien con un simple formulario.yReplace: atributo para