investigacion de html,xhtml,xml,html5

32
INVESTIGACION DE HTML,XML,XHTML,HTML 5 JULIOANDRE CRUZ TORRES 28/08/2012

Upload: julioandrect

Post on 31-Jul-2015

269 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Investigacion de HTML,Xhtml,XML,Html5

JULIOANDRE CRUZ TORRES28/08/2012

Page 2: Investigacion de HTML,Xhtml,XML,Html5

INDICE:Índice ------------------------------------------------------------------------------------------------------1

HTML ------------------------------------------------------------------------------------------------------2

Introducción-------------------------------------------------------------------------------------3 Que es HTML------------------------------------------------------------------------------------3 Origen -----------------------------------------------------------------------------------------4 Códigos HTML básicos ---------------------------------------------------------------------5-6

XML--------------------------------------------------------------------------------------------------------7

Introducción XML ---------------------------------------------------------------------------8 Estructura de un documento XML-------------------------------------------------------9 Partes de un documento XML -------------------------------------------------------10-11

XHTML---------------------------------------------------------------------------------------------------12

Introducción -----------------------------------------------------------------------------------13 Trasfondos y requerimientos -------------------------------------------------------------13 Diseño racional ----------------------------------------------------------------------14-15-16

HTML5 --------------------------------------------------------------------------------------------------17

Introducción -----------------------------------------------------------------------------------18 Nuevos elementos ---------------------------------------------------------------------------19 Diferencias entre HTML y HTML5 -------------------------------------20-21-22-23-24

1

Page 3: Investigacion de HTML,Xhtml,XML,Html5

INTRODUCION HTML

2

Page 4: Investigacion de HTML,Xhtml,XML,Html5

1. Introducción

El HTML no es más que una aplicación del SGML (Standard Generalized Markup Language), un sistema para definir tipos de documentos estructurados y lenguajes de marcas para representar esos mismos documentos. El término HTML se suele referir a ambas cosas, tanto al tipo de documento como al lenguaje de marcas.A medida que nos afianzamos en el manejo de Internet cada uno de nosotros pasa por tres etapas diferentes: Al principio solamente conocemos unas pocas páginas, luego nos damos cuenta que existen buscadores lo cual lo hace más interesante y por último nos damos cuenta que en Internet no solamente se puede ver la información sino que también se puede publicar. ¿y qué otra manera más fácil y más sencilla? Si Internet tiene acceso a todos los rincones del mundo.Para que varias personas se comuniquen es necesarios que éstas hablen un mismo idioma. El lenguaje que utilizan las computadoras que están conectadas a Internet es HTML. A través de esta monografía explicaremos que es HTML, sus orígenes y el proceso de creación de una página web.

2. Que es el HTML

El HTML, Hyper Text Markup Language (Lenguaje de marcación de Hipertexto) es el lenguaje de marcas de texto utilizado normalmente en la www (World Wide Web). Fue creado en 1986 por el físico nuclear Tim Berners-Lee; el cual tomo dos herramientas preexistentes: El concepto de Hipertexto (Conocido también como link o ancla) el cual permite conectar dos elementos entre si y el SGML (Lenguaje Estándar de Marcación General) el cual sirve para colocar etiquetas o marcas en un texto que indique como debe verse. HTML no es propiamente un lenguaje de programación como C++, Visual Basic, etc., sino un sistema de etiquetas. HTML no presenta ningún compilador, por lo tanto algún error de sintaxis que se presente éste no lo detectará y se visualizara en la forma como éste lo entienda.El entorno para trabajar HTML es simplemente un procesador de texto, como el que ofrecen los sistemas operativos Windows (Bloc de notas), UNIX (el editor vi o ed) o el que ofrece MS Office (Word). El conjunto de etiquetas que se creen, se deben guardar con la extensión .htm o .htmlEstos documentos pueden ser mostrados por los visores o "browsers" de paginas Web en Internet, como Netscape Navigator, Mosaic, Opera y Microsoft Internet Explorer.También existe el HTML Dinámico (DHTML), que es una mejora de Microsoft de la versión 4.0 de HTML que le permite crear efectos especiales como, por ejemplo, texto que vuela desde la página palabra por palabra o efectos de transición al estilo de anuncio publicitario giratorio entre página y página.A continuación vamos a hablar un poco de historia:

3. Orígenes del HTML

1986. Publicación de la ISO 8879 que presenta el Standard General Markup Language, origen del HTML.

1989. Tim Berners-Lee, a la sazón en el Centro Europeo de Investigaciones Nucleares presenta su artículo Information Management: A Proposal dedicándose de lleno al desarrollo de un sistema que permitiera el acceso en línea de manera uniforme a la información disponible en muchos recursos distintos, y que pudiese funcionar en máquinas que conectadas por redes basadas en TCP/IP.

3

Page 5: Investigacion de HTML,Xhtml,XML,Html5

1990-1991. Tim Berners-Lee define el HTML como un subconjunto de SGML (Standard Generalized Markup Language), que más tarde se llamará nivel 0; soporta encabezados, listas y anclas. Se crea el nombre World Wide Web.

1991. Tim Berners-Lee introduce el primer visor de HTML, LineMode, que trabaja en modo texto y sólo en plataformas UNIX. El Centro Europeo de Investigaciones Nucleares realiza la apertura del primer sitio con acceso público de World Wide Web el 17 de mayo (http://info.cern.ch).

1992. Dan Connolly produce la primera Definición de Tipo de Documento (DTD) para el lenguaje, llamada HTML 1.0, agregando a la definición original atributos para modificar el estilo físico del texto. Se distribuye Viola, primer visor gráfico de Web y disponible sólo para X.11.

1993. Un nuevo visor que soporta un mayor nivel, Lynx, es producido por la Universidad de Kansas, si bien lee sólo texto. Aparece Mosaic, desarrollado por el Centro Nacional para Aplicaciones de Supercomputadoras, es el primer visor de Web en entorno gráfico que se hace disponible para computadoras personales, lo que lo hace inmediatamente popular. A fines de año, comienzan a aparecer los primeros artículos sobre WWW en diarios y revistas de circulación masiva. Tim Berners-Lee utiliza el trabajo del año anterior de Connolly para presentar el borrador de la primera norma (RFC -Recommendation for Comments) de HTML para Internet.

1994. La Universidad Técnica de Graz desarrolla un servidor y clientes con mayores prestaciones para HTML, Hyper-G, que no tiene gran éxito. Cello, primer visor de HTML que no requiere TCP/IP presentado por la Escuela de Leyes de la Universidad de Cornell. Dan Connolly y Karen Olson Muldrow redefinen el HTML para el nivel 2.0, que ahora soporta formularios. Un grupo de programadores que desarrollaran el Mosaic producen un nuevo visor de World Wide Web, Netscape (también conocido como Mozilla), que tiene una amplia aceptación entre los usuarios, pero que soporta elementos de programación que equivalen a una degeneración del HTML (tamaños de letra, fondos). Se define un equivalente para los modelos en tres dimensiones del HTML, el VRML (Virtual Reality Modeling Language), que permite moverse dentro de los ambientes definidos. En este mismo año se realizan la Primera y Segunda conferencias internacionales de WWW, en Ginebra y Chicago, respectivamente. Se crea la W3 Organization.

1995. Dave S. Raggett (Hewlett-Packard, Inglaterra) comienza a compilar la normativa del nuevo nivel del lenguaje, el HTML 3.0, cuya principal novedad es el soporte de tablas. Microsoft produce su primer visor de Internet, el cual también utiliza elementos de HTML degenerados. Una nueva versión de Netscape, Navigator 2.0, agrega soporte de encuadres. Sun Microsystems produce el primer visor de World Wide Web con soporte de un lenguaje de programación, HotJava. Se celebran la Tercera y Cuarta conferencias internacionales de WWW, en Boston y Darmstadt respectivamente, y la conferencia de WWW para Asia y el Pacífico en Wagga-Wagga.

1996. Netscape Communications y Microsoft presentan las nuevas versiones de sus visores que soportan gran parte del nivel de HTML 3.0. Aparecen visores no comerciales que implementan la norma completa de HTML 3.0. Se formaliza un nuevo nivel para la modelación en tres dimensiones, VRML 3.0, que permite interactuar con los objetos definidos. Se celebra la Quinta conferencia internacional de WWW en Rocquencourt.

1997. D. Raggett presenta, en enero, la versión normalizada del 3.2. En julio, aparece la versión4.0,experimental.

4

Page 6: Investigacion de HTML,Xhtml,XML,Html5

1998. HTML 4.0.

4.-Códigos HTML básicos

<html>: define el inicio del documento HTML, le indica al navegador que lo que viene a continuación debe ser interpretado como código HTML. Esto es así de facto, ya que en teoría lo que define el tipo de documento es el DOCTYPE, que significa la palabra justo tras DOCTYPE el tag de raíz, por ejemplo:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">

<script>: incrusta un script en una web, o llama a uno mediante src="url del script". Se recomienda incluir el tipo MIME en el atributo type, en el caso de JavaScript text/javascript.

<head>: define la cabecera del documento HTML; esta cabecera suele contener información sobre el documento que no se muestra directamente al usuario como, por ejemplo, el título de la ventana del navegador. Dentro de la cabecera <head> es posible encontrar:

Un ejemplo de código HTML con coloreado de sintaxis.

<title>: define el título de la página. Por lo general, el título aparece en la barra de título encima de la ventana.

5

Page 7: Investigacion de HTML,Xhtml,XML,Html5

<link>: para vincular el sitio a hojas de estilo o iconos. Por ejemplo:<link rel="stylesheet" href="/style.css" type="text/css">.

<style>: para colocar el estilo interno de la página; ya sea usando CSS u otros lenguajes similares. No es necesario colocarlo si se va a vincular a un archivo externo usando la etiqueta <link>.

<meta>: para metadatos como la autoría o la licencia, incluso para indicar parámetros http (mediante http-equiv="") cuando no se pueden modificar por no estar disponible la configuración o por dificultades con server-side scripting.

<body>: define el contenido principal o cuerpo del documento. Esta es la parte del documento html que se muestra en el navegador; dentro de esta etiqueta pueden definirse propiedades comunes a toda la página, como color de fondo y márgenes. Dentro del cuerpo <body> es posible encontrar numerosas etiquetas. A continuación se indican algunas a modo de ejemplo:

<h1> a <h6>: encabezados o títulos del documento con diferente relevancia.

<table>: define una tabla.

<tr>: fila de una tabla.

<td>: celda de una tabla (debe estar dentro de una fila).

<div>: división de la página. Se recomienda, junto con css, en vez de <table> cuando se desea alinear contenido.

<img>: imagen. Requiere del atributo src, que indica la ruta en la que se encuentra la imagen. Por ejemplo: <img src="./imágenes/mifoto.jpg" />. Es conveniente, por accesibilidad, poner un atributo alt="texto alternativo".

<li><ol><ul>: etiquetas para listas.

<b>: texto en negrita (etiqueta desaprobada. Se recomienda usar la etiqueta <strong>).

<i>: texto en cursiva (etiqueta desaprobada. Se recomienda usar la etiqueta <em>).

<s>: texto tachado (etiqueta desaprobada. Se recomienda usar la etiqueta <del>).

<u>: Antes texto subrayado. A partir de HTML 5 define porciones de texto diferenciadas o destacadas del resto, para indicar correcciones por ejemplo. (etiqueta desaprobada en HTML 4.01 y redefinida en HTML 5)[13] [14]

La mayoría de etiquetas deben cerrarse como se abren, pero con una barra («/») tal como se muestra en los siguientes ejemplos:

<table><tr><td>Contenido de una celda</td></tr></table>.

6

Page 8: Investigacion de HTML,Xhtml,XML,Html5

<script>Código de un [[script]] integrado en la página</script>.

INTRODUCION XML

7

Page 9: Investigacion de HTML,Xhtml,XML,Html5

1. Introducción

XML es una tecnología en realidad muy sencilla que tiene a su alrededor otras

tecnologías que la complementan y la hacen mucho más grande y con unas

posibilidades enormes y básicas para la sociedad de la información. Vamos a ver a

lo largo de varios capítulos una introducción al mundo XML, es decir, al lenguaje

así como a las tecnologías que trabajan con él, sus usos, ventajas y modos de llevar

a cabo las tareas.

XML, con todas las tecnologías relacionadas, representa una manera distinta de

hacer las cosas, más avanzada, cuya principal novedad consiste en permitir

compartir los datos con los que se trabaja a todos los niveles, por todas las

aplicaciones y soportes. Así pues, el XML juega un papel importantísimo en este

mundo actual, que tiende a la globalización y la compatibilidad entre los sistemas,

ya que es la tecnología que permitirá compartir la información de una manera

segura, fiable, fácil. Además, XML permite al programador y los soportes dedicar

sus esfuerzos a las tareas importantes cuando trabaja con los datos, ya que

algunas tareas tediosas como la validación de estos o el recorrido de las

estructuras corre a cargo del lenguaje y está especificado por el estándar, de modo

que el programador no tiene que preocuparse por ello.

Vemos que XML no está sólo, sino que hay un mundo de tecnologías alrededor de

él, de posibilidades, maneras más fáciles e interesantes de trabajar con los datos y,

en definitiva, un avance a la hora de tratar la información, que es en realidad el

objetivo de la informática en general. XML, o mejor dicho, el mundo XML no es un

lenguaje, sino varios lenguajes, no es una sintaxis, sino varias y no es una manera

totalmente nueva de trabajar, sino una manera más refinada que permitirá que

8

Page 10: Investigacion de HTML,Xhtml,XML,Html5

todas las anteriores se puedan comunicar entre si sin problemas, ya que los datos

cobran sentido. Todo esto lo veremos con calma en la Introducción a XML.

XML es interesante en el mundo de Internet y el e-bussiness, ya que existen

muchos sistemas distintos que tienen que comunicarse entre si, pero como se ha

podido imaginar, interesa por igual a todas las ramas de la informática y el

tratamiento de datos, ya que permite muchos avances a la hora de trabajar con

ellos.

Así pues, os recomendamos seguir esta lectura en la introducción a XML. A lo

largo de los siguientes capítulos, vamos a ver algunas características importantes

de la tecnología que nos permitirán comprender mejor el mundo XML y cómo

soluciona nuestros problemas a la hora de

trabajar con los datos.

2. Estructura de un documento XML

La tecnología XML busca dar solución al problema de expresar información estructurada de la manera más abstracta y reutilizable posible. Que la información sea estructurada quiere decir que se compone de partes bien definidas, y que esas partes se componen a su vez de otras partes. Entonces se tiene un árbol de trozos de información. Ejemplos son un tema musical, que se compone de compases, que están formados a su vez por notas. Estas partes se llaman elementos, y se las señala mediante etiquetas.

Una etiqueta consiste en una marca hecha en el documento, que señala una porción de éste como un elemento. Un pedazo de información con un sentido claro y definido. Las etiquetas tienen la forma <nombre>, donde nombre es el nombre del elemento que se está señalando.

A continuación se muestra un ejemplo para entender la estructura de un documento XML:

<?xml version="1.0" encoding="UTF-8" ?><!DOCTYPE Edit_Mensaje SYSTEM "Edit_Mensaje.dtd"> <Edit_Mensaje> <Mensaje> <Remitente> <Nombre>Nombre del remitente</Nombre> <Mail> Correo del remitente </Mail> </Remitente>

9

Page 11: Investigacion de HTML,Xhtml,XML,Html5

<Destinatario> <Nombre>Nombre del destinatario</Nombre> <Mail>Correo del destinatario</Mail> </Destinatario> <Texto> <Asunto> Este es mi documento con una estructura muy sencilla no contiene atributos ni entidades... </Asunto> <Parrafo> Este es mi documento con una estructura muy sencilla no contiene atributos ni entidades... </Parrafo> </Texto> </Mensaje></Edit_Mensaje>

Aquí está el ejemplo de código del DTD del documento «Edit_Mensaje.dtd»:

<?xml version="1.0" encoding="ISO-8859-1" ?><!-- Este es el DTD de Edit_Mensaje --> <!ELEMENT Mensaje (Remitente, Destinatario, Texto)*><!ELEMENT Remitente (Nombre, Mail)><!ELEMENT Nombre (#PCDATA)><!ELEMENT Mail (#PCDATA)><!ELEMENT Destinatario (Nombre, Mail)><!ELEMENT Nombre (#PCDATA)><!ELEMENT Mail (#PCDATA)><!ELEMENT Texto (Asunto, Parrafo)><!ELEMENT Asunto (#PCDATA)><!ELEMENT Parrafo (#PCDATA)>

3.Partes de un documento XML

Un documento XML está formado por el prólogo y por el cuerpo del documento así como texto de etiquetas que contiene una gran variedad de efectos positivos o negativos en la referencia opcional a la que se refiere el documento, hay que tener mucho cuidado de esa parte de la gramática léxica para que se componga de manera uniforme.

Prólogo

Aunque no es obligatorio, los documentos XML pueden empezar con unas líneas que describen la versión XML, el tipo de documento y otras cosas.

El prólogo de un documento XML contiene:

Una declaración XML. Es la sentencia que declara al documento como un documento XML.

Una declaración de tipo de documento. Enlaza el documento con su DTD (definición de tipo de documento), o el DTD puede estar incluido en la propia declaración o ambas cosas al mismo tiempo.

Uno o más comentarios e instrucciones de procesamiento.

10

Page 12: Investigacion de HTML,Xhtml,XML,Html5

Cuerpo

A diferencia del prólogo, el cuerpo no es opcional en un documento XML, el cuerpo debe contener solo un elemento raíz, característica indispensable también para que el documento esté bien formado. Sin embargo es necesaria la adquisición de datos para su buen funcionamiento.

Elementos

Los elementos XML pueden tener contenido (más elementos, caracteres o ambos), o bien ser elementos vacíos.

Atributos

Los elementos pueden tener atributos, que son una manera de incorporar características o propiedades a los elementos de un documento. Deben ir entre comillas.

Por ejemplo, un elemento «estudiante» puede tener un atributo «Mario» y un atributo «tipo», con valores «come croquetas» y «taleno» respectivamente.

<Estudiante Mario="come croquetas" tipo="taleno">Esto es un día que Mario va paseando…</Estudiante>

Entidades predefinidas

Entidades para representar caracteres especiales para que, de esta forma, no sean interpretados como marcado en el procesador XML.

Ejemplo: entidad predefinida: & carácter: &.

Secciones CDATAArtículo principal: Anexo:Etiquetas HTML/XHTML.

Es una construcción en XML para especificar datos utilizando cualquier carácter sin que se interprete como marcado XML. No confundir con 2(#PCDATA) que es para los elementos. Permite que caracteres especiales no rompan la estructura. Ejemplo:

<![CDATA[ contenido especial: áéíóúñ&]] >

Comentarios

Comentarios a modo informativo para el programador que han de ser ignorados por el procesador. Los comentarios en XML tienen el siguiente formato:

<!--- Esto es un comentario ---> <!-- Otro comentario -->

11

Page 13: Investigacion de HTML,Xhtml,XML,Html5

12

Page 14: Investigacion de HTML,Xhtml,XML,Html5

INTRODUCION XHTML

1. Introducción

1.1. XHTML para Pequeños Aparatos de Información

HTML 4 es un lenguaje potente para la creación de contenidos Web, pero su diseño no toma en consideración los aspectos pertinentes para dispositivos pequeños, incluyendo el coste de implementación (eb batería, memoria, etc.) del grupo completo de características. Los dispositivos de consumidores con recursos limitados no pueden abordar generalmente la implementación del grupo completo de características de HTML 4. Requerir una computadora totalmente capacitada para acceder a la World Wide Web excluye a una gran porción de la población del acceso con sus dispositivos comerciales a la información online y los servicios.

13

Page 15: Investigacion de HTML,Xhtml,XML,Html5

Dado que hay muchos modos de subdividir HTML, hay muchos subconjuntos idénticos definidos por organizaciones y compañías. Sin una base común de grupos de características, desarrollar aplicaciones para un rango amplio de clientes Web es difícil.

La motivación para XHTML Básico es proporcionar un tipo de documento XHTML que pueda ser compartido a través de las comunidades (e.g. escritorio, TV, y teléfonos móviles), y que sea lo suficientemente rico para ser empleado en la creación de contenido simple. Nuevos tipos de documento creados por la comunidad pueden ser creados mediante la extensión de XHTML Básico en tanto que los documentos XHTML Básicos estén en el grupo de documentos válidos del nuevo tipo de documento. Por ello, un documento XHTML Básico puede ser presentado en el máximo número de clientes Web.

La definición de tipo de documento para XHTML Básico es implementada basándose en los módulos XHTML definidos en Modularización de XHTML [XHTMLMOD].

1.2. Trasfondo y Requerimientos

Los dispositivos de Información, (especializados en el acceso a la Web), están destinados a usos particulares. Soportan las características que necesitan para las funciones que están destinados a desempeñar. Los siguientes son ejemplos de diferentes dispositivos de información:

Teléfonos Móviles Televisiones PDAs Máquinas expendedoras Paginadores Sistemas de Navegación de Coches Máquinas de Juegos Móviles Lectores de Libros Digitales Relojes inteligentes

Subconjuntos y variaciones de HTML existentes para estos dispositivos incluyen Compact HTML [CHTML], el Lenguaje de Marcado Wireless [WML], y las "Líneas guía de HTML 4.0 Para Acceso con Móviles" [GUIDELINES]. Las características comunes que encontramos en estos tipos de documento incluyen:

Texto Básico (incluyendo cabeceras, párrafos, y listas) Hipervínculos y vínculos a documentos relacionados Formularios Básicos Tablas Básicas Imágenes Meta información

Este grupo de características de HTML han constituido el punto de partida para el diseño de XHTML Básico. Dado que muchos desarrolladores de contenido están familiarizados con estas características de HTML, comprenderán la utilidad de un lenguaje de host que pueda ser combinado con módulos de marcado procedentes de otros lenguajes de acuerdo con los métodos descritos en "Modularización de XHTML" [XHTMLMOD]. Por ejemplo, XHTML Básico puede ser extendido con un módulo de eventos que sea más genérico que el tradicional sistema de eventos de

14

Page 16: Investigacion de HTML,Xhtml,XML,Html5

HTML 4 o puede ser extendido con módulos adicionales procedentes de la Modularización de XHTML como el Módulo de Scripting.

No es la intención de XHTML Básico limitar la funcionalidad de lenguajes futuros. Pero si partimos de que las características de HTML 4 (marcos, tablas avanzadas, un grupo fijo de atributos manejadores de eventos, etc.) fueron desarrolladas para un cliente del tipo computadora de escritorio, éstas han probado ser inapropiadas para la mayoría de dispositivos distintos. XHTML Básico será extendido y construido de nuevo. Extender XHTML desde un grupo de características básicas y comunes, en lugar de subconjuntos casi idénticos o del grupo demasiado largo de características de HTML 4, será bueno para la interoperabilidad en la Web, así como para la escalabilidad.

Comparado a la rica funcionalidad de HTML 4, XHTML Básico puede parecer un paso atrás, pero de hecho, pero es dos pasos adelante para clientes que no necesitan lo que hay en HTML 4 y para desarrolladores de contenido que tienen un subconjunto de XHTML en lugar de muchos.

1.3. Diseño Racional

Esta sección explica porqué ciertas características de HTML no son parte de XHTML Básico.

1.3.1. Hojas de Estilo

El elemento style no está soportado. Son recomendadas hojas de estilo externas. El elemento link puede ser utilizado para incluir hojas de estilo externas. Los elementos div y span y el atributo class están soportados para unir la información de estilo a la estructura. La separación entre estructura y presentación permite a los agentes de usuario descargar las hojas de estilo si las soportan; los agentes de usuario que no soporten hojas de estilo pueden ignorar las hojas de estilo externas. El atributo media puede ser utilizado para seleccionar las hojas de estilo apropiadas. Ver la sección sobre "Tipos de Medios" en la especificación HTML 4.01([HTML4], sección 14.2.4) para más detalles.

1.3.2. Script y Eventos

Los elementos script y noscript no están soportados. Normalmente los dispositivos pequeños tienen una memoria y capacidad de CPU CPU limitadas. La ejecución de programas de script no está soportada. Los contenidos deberían ser legibles incluso si los scripts no son ejecutados.

Los atributos manejadores de Eventos usados para invocar programas de script no están soportados. Los Eventos son dependientes de dispositivo. Una llamada a la producción de un evento es improbable de producirse en la televisión. Un mecanismo genérico de manipulación de Eventos podría ser más apropiado que forzar los nombres de eventos en la definición de tipo de documento.

1.3.3. Presentación

Muchos clientes Web simples no pueden mostrar fuentes distintas de monospace. Los textos Bi-direccionales, de fuentes en negrita, y otros elementos de extensión de texto no están soportados.

15

Page 17: Investigacion de HTML,Xhtml,XML,Html5

Es recomendado que las hojas de estilo sean empleadas para crear una presentación acorde con el dispositivo.

1.3.4. Formularios

Formularios Básicos XHTML ([XHTMLMOD], sección 5.5.1) son soportados. Dado que sólo los dispositivos con sistemas locales de archivos pueden aprovecharse de input de tipo fichero e imagen en formularios, éstos no están incluidos en los formularios básicos. Además, los desarrolladores de contenidos deberían tener en mente que puede que los usuarios no sean capaces de insertar caracteres desde algunos dispositivos (e.g. desde un teléfono móvil).

1.3.5. Tablas

Tablas Básicas XHTML ([XHTMLMOD], sección 5.6.1) están soportadas, pero las tablas pueden resultar difíciles de mostrar en dispositivos pequeños. Es recomendado que los desarrolladores de contenido sigan las Líneas Guía para la Accesibilidad del Contenido Web 1.0 para crear tablas acesibles ([WCAG10], Guideline 5). Notar que en el Módulo Básico de Tablas, el anidamiento de tablas está prohibido.

1.3.6. Marcos

Las Marcos no están soportadas. Dependen de una interfaz de pantalla y no son aplicables a muchos pequeños dispositivos como teléfonos, paginadores, y relojes.

2. Conformidad

Esta sección es normativa.

2.1. Conformidad de Documento

Un documento de Conformidad con XHTML Básico es un documento que requiere sólo las facilidades descritas como obligatorias en esta especificación. Por tanto, un documento debe seguir todos los criterios siguientes:

1. El documento debe ser conforme con las restricciones expresadas en el Apéndice B.

2. El elemento raíz del documento debe ser <html>.3. el nombre del espacio de nombres por defecto del elemento raíz debe ser el

nombre del espacio de nombre XHTML, http://www.w3.org/1999/xhtml.4. Debe existir una declaración DOCTYPE en el documento anterior al

elemento raíz. Si está presente, el identificador público incluido en la declaración DOCTYPE debe hacer referencia a la DTD que se encuentra en el Apéndice B usando su Identificador Formal Público. El identificador system puede ser modificado apropiadamente.

5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.0//EN"

6. "http://www.w3.org/TR/xhtml-basic/xhtml-basic10.dtd">

7. El subconjunto de la DTD no debe ser utilizado para sobre escribir entidades en la  DTD.

16

Page 18: Investigacion de HTML,Xhtml,XML,Html5

2.2. Conformidad de Agente de Usuario

El agente de usuario debe ser conforme con los "Agentes de Usuario Conformes" de la sección de la especificación XHTML 1.0 ([XHTML1], sección 3.2).

3. El Tipo de Documento XHTML Básico

Esta sección es normativa.

El tipo de documento XHTML Básico se define como un grupo de módulos XHTML. Todos los módulos XHTML están definidos en la especificación de la "Modularización de XHTML" [XHTMLMOD].

El XHTML Básico se compone de los siguientes módulos XHTML:

Módulo de Estructura*body, head, html, titleMódulo de Texto*abbr, acronym, address, blockquote, br, cite, code, dfn, div, em, h1, h2, h3, h4, h5, h6, kbd, p, pre, q, samp, span, strong, varMódulo de Hypertexto*aMódulo de Lista*dl, dt, dd, ol, ul, liMódulo Básico de Formularioform, input, label, select, option, textareaMódulo Básico de Tablascaption, table, td, th, trMódulo de ImágenesimgMódulo de Objetosobject, paramMódulo de MetainformaciónmetaMódulo de EnlacelinkMódulo Basebase

17

Page 19: Investigacion de HTML,Xhtml,XML,Html5

INTRODUCION HTML5

18

Page 20: Investigacion de HTML,Xhtml,XML,Html5

1. Introducción

HTML5 (HyperText Markup Language, versión 5) es la quinta revisión importante del lenguaje básico de la World Wide Web, HTML. 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).[1] [2] Esta es la primera vez que HTML y XHTML se han desarrollado en paralelo.

Todavía se encuentra en modo experimental, lo cual indica la misma W3C; aunque ya es usado por múltiples desarrolladores web por sus avances, mejoras y ventajas.

Al no ser reconocido en viejas versiones de navegadores por sus nuevas etiquetas, se le recomienda al usuario común actualizar a la versión más nueva, para poder disfrutar de todo el potencial que provee HTML5.

El desarrollo de este lenguaje de marcado es regulado por el Consorcio W3C.

Nuevos elementos

HTML5 establece una serie de nuevos elementos y atributos que reflejan el uso típico de los sitios web modernos. Algunos de ellos son técnicamente similares a las etiquetas <div> y <span>, pero tienen un significado semántico, como por ejemplo <nav> (bloque de navegación del sitio web) y <footer>. Otros elementos proporcionan nuevas funcionalidades a través de una interfaz estandarizada, como los elementos <audio> y <video>.

Mejoras en el elemento <canvas>, capaz de renderizar en los navegadores más importantes (Mozilla, Chrome, Opera, Safari e IE) elementos 3D.

Algunos elementos de HTML 4.01 han quedado obsoletos, incluyendo elementos puramente de presentación, como <font> y <center>, cuyos efectos son manejados por el CSS. También hay un renovado énfasis en la importancia del scripting DOM para el comportamiento de la web.

Diferencias entre HTML5 y HTML4/XHTML

Etiqueta Atributos Comentarios

<!-- --> Estándar o ninguno

19

Page 21: Investigacion de HTML,Xhtml,XML,Html5

<!DOCTYPE>

Estándar o ninguno

<a>href | target | rel | hreflang | media | type

Atributo Añadido: media

Atributo cambiado: Target

<abbr> Estándar o ninguno

<acronym>Etiqueta Eliminada

<address> Estándar o ninguno

<applet>Etiqueta eliminada

<area> Estándar o ninguno

<article> Atributos globales Nueva etiqueta

<aside> Atributos globales Nueva etiqueta

<audio>autobuffer | autoplay | controls | loop | src

Nueva etiqueta

<b> Atributos globalesEtiqueta cambiada

<base> Estándar o ninguno

<basefont>Etiqueta eliminada

<bb> Estándar o ninguno

<bdo> Estándar o ninguno

<big>Etiqueta eliminada

<blockquote>

Estándar o ninguno

<body> Estándar o ninguno

20

Page 22: Investigacion de HTML,Xhtml,XML,Html5

<br> Estándar o ninguno

<button> Estándar o ninguno

<canvas> height | width Nueva etiqueta

<caption> Estándar o ninguno

<center>Etiqueta eliminada

<cite> Atributos globalesEtiqueta cambiada

<code> Estándar o ninguno

<col> Estándar o ninguno

<colgroup> Estándar o ninguno

<command>checked | default | disabled | hidden | icon | label | radiogroup | type

Nueva etiqueta

<datagrid> Estándar o ninguno

<datalist> Atributos globales Nueva etiqueta

<dd> Estándar o ninguno

<del> Estándar o ninguno

<details> open Nueva etiqueta

<dialog> Atributos globales Nueva etiqueta

<dir>Etiqueta eliminada

<div> Estándar o ninguno

<dfn> Estándar o ninguno

<dl> Estándar o ninguno

<dt> Estándar o ninguno

<em> Estándar o ninguno

21

Page 23: Investigacion de HTML,Xhtml,XML,Html5

<embed> height | src | type | width Nueva etiqueta

<fieldset> Estándar o ninguno

<figure> Atributos globales Nueva etiqueta

<font>Etiqueta eliminada

<footer> Atributos globales Nueva etiqueta

<form> Estándar o ninguno

<frame>Etiqueta eliminada

<frameset>Etiqueta eliminada

<h1> ... <h6>

Estándar o ninguno

<head> Estándar o ninguno

<header> Atributos globales Nueva etiqueta

<hgroup> Atributos globales Nueva etiqueta

<hr> NingunoEtiqueta cambiada

<html> Estándar o ninguno

<i> NingunoEtiqueta cambiada

<iframe> Estándar o ninguno

<img> Estándar o ninguno

<input> accept | alt | auto-complete | autofocus | cheked | disabled | form | formaction | formenctype | formmethod | formnovalidate | formtarget | height | list | max | maxlength | min | multiple | name | pattern1 placeholder | readonly |

Etiqueta cambiada: Añadidos 13 elementos a type

22

Page 24: Investigacion de HTML,Xhtml,XML,Html5

required | size | src | step | type | value | width

<ins> Estándar o ninguno

<isindex>Etiqueta eliminada

<kbd> Estándar o ninguno

<label> Estándar o ninguno

<legend> Estándar o ninguno

<li> Estándar o ninguno

<link> Estándar o ninguno

<mark> Atributos globales Nueva etiqueta

<map> Estándar o ninguno

<menu> Estándar o ninguno

<meta> Estándar o ninguno

<meter>high | low | max | min | optimum | value

Nueva etiqueta

<nav> Atributos globales Nueva etiqueta

<noframes>Etiqueta eliminada

<noscript> Estándar o ninguno

<object> Estándar o ninguno

<ol> Estándar o ninguno

<optgroup> Estándar o ninguno

<option> Estándar o ninguno

<output> form Nueva etiqueta

<p> Estándar o ninguno

23

Page 25: Investigacion de HTML,Xhtml,XML,Html5

<param> Estándar o ninguno

<pre> Estándar o ninguno

<progress> max | value Nueva etiqueta

<q>

<ruby> cite Nueva etiqueta

<rp> Atributos globales Nueva etiqueta

<rt> Atributos globales Nueva etiqueta

<s>Etiqueta eliminada

<samp> Estándar o ninguno

<script> Estándar o ninguno

<section> cite Nueva etiqueta

<select> Estándar o ninguno

<small> Atributos globalesEtiqueta Cambiada

<source> media | src | type Nueva etiqueta

<span> Estándar o ninguno

<strike>Etiqueta eliminada

<strong> Estándar o ninguno

<style> Estándar o ninguno

<sub> Estándar o ninguno

<sup> Estándar o ninguno

<table> Estándar o ninguno

<tbody> Estándar o ninguno

<td> Estándar o ninguno

24

Page 26: Investigacion de HTML,Xhtml,XML,Html5

<textarea> Estándar o ninguno

<tfoot> Estándar o ninguno

<th> Estándar o ninguno

<thead> Estándar o ninguno

<time> datetime | pubdate Nueva etiqueta

<title> Estándar o ninguno

<tr> Estándar o ninguno

<tt>Etiqueta eliminada

<u>Define texto que debe tener un estilo diferente del texto normal [3]

<ul> Estándar o ninguno

<var> Estándar o ninguno

<video>src | poster | autobuffer | autoplay | loop | controls | width | height

Nueva etiqueta

<xmp>Etiqueta eliminada

25