• Author / Uploaded
• Kevin GT

• Categories
• HTML5
• HTML
• Navegador web
• Script Java
• Tabla (base de datos)

Citation preview

¿QUÉ ES HTML5? HTML5 es la quinta revisión de HTML (Hyper Text Markup Language). HTML5 está en desarrollo ya por algún tiempo y parecía lejano el día de cuando comencemos a utilizarlo, ahora ya estamos llegando al momento de cuando esto se convierta una práctica común entre los desarrolladores aunque muchos predicen que recién el 2022 se hará un uso masivo de ello, pero a pesar de ello ya existen navegadores con soporte completo del HTML5. Los webmasters ven esto como un gran paso hacia el desarrollo de aplicaciones ricas en multimedia y con mejores prestaciones. HTML5 cambiará la manera que trabajamos con el HTML ya que se convertirá en un estándar de codificación y no únicamente un markup para HTML4 sino un nuevo lenguaje HTML5 que hará más sencillo su uso para todos incluyendo navegadores y desarrolladores; ya existen muchos ejemplos hechas en Javascript y algunas APIs que ya utilizan el estándar a venir “HTML5.”

HTML5 especifica dos variantes de sintaxis para HTML: un clásico HTML (text/html), la variante conocida como HTML5 y una variante XHTML conocida como sintaxis XHTML5 que deberá ser servida como XML (XHTML) (application/xhtml+xml) y es la primera vez que HTML y XHTML se han desarrollado en paralelo, cuyo desarrollo está siendo regulado por el consorcio W3C.

La mayoría de los sitios están basadas en HTML y utilizan HTML 4, pero esto irá cambiando en los próximos meses y años, hasta ahora el código HTML apenas ha evolucionado de la versión HTML 2.0 únicamente corrigiendo algunos problemas hasta la versión HTML 4, junto a algunas nuevas características; HTML 5 se basa en el HTML 4 pero por su propia cuenta será completamente diferente y cambiará la manera que su navegador muestre los sitios web en el monitor de su PC. HTML 5 tendrá mayor inclinación al uso de JavaScript, y si tiene Javascript deshabilitado las páginas se mostrarán incorrectamente.

1

Prof. Guillermo Raúl Reyes Mendo Computación e Informática

Nuevos elementos

HTML5 incluye un conjunto de nuevos elementos y atributos principalmente originados por las formas típicas de uso de los sitios web modernos. Algunos elementos son técnicamente similares a las etiquetas y , pero tienen un significado semántico, por ejemplo es un bloque de navegación del sitio web y la parte inferior de la página. Hay otros elementos nuevos que proporcionan nuevas funcionalidades a través de una interfaz estandarizada, como los elementos y que además están disponibles en Javascript. Por otra parte se mejoró bastante el elemento Algunos elementos de HTML 4.01 han quedado obsoletos tales como y , ya que las hojas de estilo son totalmente suficientes para ello. Y se enfatiza bastante en la importancia del scripting DOM para el comportamiento de la web. Diferencias con HTML 4 y XHTML

Nuevos elementos: article, dialog Nuevos atributos: media, ping, autofocus, inputmode, min, max, pattern. Elementos eliminados: acronym, applet, basefont, big, center, dir, font, frame, frameset, isindex, noframes, s, strike, tt, u Atributos eliminados: 

rev y charset en y



target en



nohref en



profile en



version en



name en



scheme en



archiv, classid, codetype, declare y standby en



valuetype en



charset en



summary en



axis y abrr en y

2

Prof. Guillermo Raúl Reyes Mendo Computación e Informática

Borrador actual de especificaciones de HTML 5. Estructura

Veamos cómo sería la estructura HTML 5 de un sitio web, en este ejemplo de una página de 2 columnas. La siguiente imagen muestra la actual manera de hacerla con HTML 4

3

Prof. Guillermo Raúl Reyes Mendo Computación e Informática

Y la siguiente figura muestra de cómo se haría lo mismo con HTML 5

Como se nota, la última manera resultará siendo más limpia puesto que HTMl 5 efectivamente hace más sencillo estructurar una página web utilizando los nuevos elementos. Una vez que la mayoría de los navegadores soporten HTML 5 la web será más rica y más veloz.

4

Prof. Guillermo Raúl Reyes Mendo Computación e Informática

Navegadores compatibles con HTML 5

Con el creciente interés en HTML 5 muchos navegadores se están perfilando a ese aspecto, actualmente Webkit (Safari, Google Chrome, Shiira, iCab4, …) es totalmente compatible con el HTML5, Mozilla Firefox 3.5 soporta pero no es 100% compatible mientras que como siempre Microsoft Internet Explorer todavía no reconoce el HTML 5 aunque comentan que para su versión 9 ya lo hará. Elementos HTML 5 Tag

Descripción

Define un comentario

Define el tipo de documento

Define un enlace

Define una abreviatura

Define un elemento de dirección

Define un área dentro de una imagen

Define un artículo

Define el contenido de al lado (sidebar)

Define contenido de sonido

Define texto en negrita

Define una URL base para todos los enlaces en una página

Define la dirección del texto a mostrar

Define un bloque de cita

Define el elemento BODY




Define un salto de línea

Define un botón

Define un área para manipular(generar) gráficos

Define una etiqueta para una tabla

Define una citación

Define un texto de código

Define los atributos para las columnas de una tabla

5

Prof. Guillermo Raúl Reyes Mendo Computación e Informática



Define grupos de columnas de la tabla

Define un botón de comandos

Define datos en una lista-árbol

Define una lista desplegable

Define una plantilla de datos

Define una descripción de definiciones

Define un texto eliminado

Define los detalles de un elemento

Define una diálogo(conversación)

Define una sección en un documento

Define un término de definición

Define una lista de definiciones

Define un término de definiciones

Define texto enfatizado

Define contenido externo interactivo o un plugin

Define un destino para los eventos enviados por un servidor

Define un campo establecido

Define un grupo de contenido de medios, y sus etiquetas

Define un pie para la sección o página

Define un formulario

a

Define encabezados 1 a 6

Define información acerca del documento

Define un encabezado para la sección o página

Define una linea horizontal

Define el documento HTML

Define texto en cursiva

Define una sub ventana (frame)

Define una imagen

Define un campo de entrada

Define texto insertado

Define texto de teclado

6

Prof. Guillermo Raúl Reyes Mendo Computación e Informática



Define una etiqueta para un control de un formulario

Define un título en un