26-31.pdf

26

By: Elar E., HANCCO QUISPE www.elarcorp.com

NOTA:

No se te olvide, los nombres de los archivos y sus extensiones y el nombre de las

carpetas de tus pginas web han de ir siempre escritas solo con letras minsculas.

Recuerda tambin asegurarte de que el nombre del archivo no contenga ningn smbolo

raro, como acentos o tildes y espacios en blanco. Si es as, o los eliminas del nombre del

archivo o casi seguro que vas a tener problemas con l y no te aparecer la imagen en tu

pgina.

Atte: www.elarcorp.com

Diferencias entre HTML 4 y HTML 5

1. HTML5 contina en progreso

Si bien est claro el hecho de tener una web maquetada en HTML4 nos permite contar

con un estndar de soluciones ya que HTML4 tiene a diferencia de HTML5 que est

an en proceso experimental y de desarrollo, es muy probable que muchas cosas sigan

cambiando con el tiempo, y generando algunas dificultades, situacin a la que ya no est

sujeto ningn producto web hecho en HTML4

2. Sintaxis simplificada

La declaracin de tipo de documento de forma ms sencilla es slo una de las muchas

novedades de HTML5. Ahora solo tienes que escribir solamente: . La sintaxis de HTML5 es compatible conHTML4 y XHTML1, pero no con

SGML.

3. Elemento poniendo en su lugar a Flash

Flash ha sido un dolor de cabeza para unos y una maravilla para otros muchos usuarios

de la Web, por lo que hay una importante cantidad de desarrolladores nada contentos

con la forma en la que HTML5 trata a Flash; pero es cierto que para todos los dems

usuarios que estamos cansados de los vdeos en flash que tardan aos en cargarse y

27


funcionar, el nuevo elemento y su utilidad para la representacin de grficos

es un sueo hecho realidad.

Aunque es cierto que hasta hoy el elemento no ofrece todas las ventajas de

Flash hay mucho que hace suponer que se acerca el da en que esta herramienta quede

obsoleta ante el potencial de HTML5 y su magnifica integracin.

4. Nuevos elementos y

HTML5 est desarrollado con la intencin de reflejar mejor la nueva anatoma de los

sitios web. Es por eso que hay algunos elementos nuevos, como y ,

que estn diseados especficamente para marcar estas partes de la web.

Con este desarrollo en el lenguaje ya no es necesario identificar a estos dos

elementos con la etiqueta .


Al igual que los elementos y , el y en HTML5

permitir a los desarrolladores marcar estas reas de la pgina como tal.

Adems de hacer el cdigo ms estructurado, este tambin tendr un efecto positivo en

tus esfuerzos de SEO ya que para los motores de bsqueda ser ms fcil el ranking de

tu pgina.


El elemento nuevo puede ser utilizado no solo para los mens convencionales,

sino tambin para las barras de herramientas y mens contextuales, aunque en realidad

estos no son los elementos ms utilizados en una pgina.

Del mismo modo, el elemento es una forma adicional til para organizar el

texto y las imgenes en tu pgina de una manera profesional. Es cierto que se pueden

definir los mens y las cifras en una hoja de estilo pero es bueno que se pueda utilizar

en la construccin de elementos de HTML5.

28



Son probablemente dos de las novedades ms tiles para HTML5. Como su nombre

indica, se utilizan para insertar archivos de audio y vdeo.

Tambin hay algunos nuevos elementos multimedia y atributos, tales como , que

ofrece pistas de texto para el elemento de vdeo.Con estas incorporaciones HTML5 est

consiguiendo definitivamente que la Web 2.0 sea ms amigable. El problema es que al

tiempo que HTML5 se convierte en una tecnologa ampliamente aceptada, la Web 2.0

podra ser noticia vieja.

8. Un nuevo nivel de las formas

y vivieron una gran cantidad de revisiones y ahora tienen muchos

atributos nuevos (y los modificados, tambin). Si ests usando con frecuencia las

formas tomate un tiempo para revisar las novedades con ms detalle.

9. No ms y

Esto es un cambio ms que yo no entiendo todava del todo. No creo que la eliminacin

de la y elementos vaya a ayudar mucho. pero las directrices oficiales dicen

que estos elementos se manejan mejor en CSS.

10. Han desaparecido , y

Seguramente no recuerdas cuando fue la ltima vez que utilizaste una de estas etiquetas

lo cual indica que ha sido una buena decisin, todo lo que sea deshacernos de

nomenclatura intil es bienvenido.

Estas 10 diferencias entre HTML5 y HTML4 son slo una pequea fraccin de lo que

es nuevo. Adems de estos grandes cambios, tambin podramos nombrar unos pocos

menores, como el nuevo atributo del elemento invertido que permite a una lista

que se ordenan en orden descendente, o modificar el uso del elemento .

Otra cosa que llama la atencin es el campo INPUT, que ahora tendr muchos ms

valores posibles en el atributo type: datetime, date, month, week, number, url, email,

color.

29


Tabla comparativa de elementos de HTML 4 Y HTML 5

Etiqueta Descripcin 4 5

Para incrustar comentarios 4 5

Para indicar el tipo de documento 4 5

El hipervnculo de toda la vida 4 5

Para abreviaciones 4 5

No soportado. Define un acrnimo 4

Define un elemento de la direccin 4 5

No soportado. Define un applet 4

Define un rea dentro de un mapa de imagen 4 5

Define un artculo 5

Define el contenido, aparte de contenido de la pgina 5

Define el contenido de sonido 5

Define texto en negrita 4 5

Define una URL base para todos los enlaces en una pgina 4 5

No soportado. Usar CSS en lugar 4

Define la direccin de la pantalla de texto 4 5

No soportado. Define texto grande 4

Defines a long quotation Define una larga cita 4 5

Defines the body element Define el cuerpo elemento 4 5

Inserts a single line break Inserta un salto de lnea 4 5

Defines a push button Define un botn 4 5

Defines graphics Define grficos 5

Defines a table caption Define una tabla ttulo 4 5

Not supported. Defines centered text No soportado. Define

texto centrado

4

Defines a citation Define una cita 4 5

Define el cdigo de texto 4 5

Define las caractersticas de las columnas de la tabla 4 5

Define grupos de columnas de la tabla 4 5

Define un botn de comando 5

Define los datos en una lista de rboles 5

Define una lista desplegable 5

Define una plantilla de datos 5

Define una descripcin de la definicin 4 5

Define texto suprimido 4 5

Define los detalles de un elemento 5

Define un cuadro de dilogo (conversacin) 5

No soportado. Define una lista de directorio 4

30


Define una seccin en un documento 4 5

Define un trmino definicin 4 5

Define una lista de definicin 4 5

Define un termino definicin 4 5

Define destac texto 4 5

Define un elemento embebido de contenido interactivo 5

Define un objetivo para los eventos enviados por un servidor 5

Define un fieldset 4 5

Define un grupo de los contenidos de los medios, y su

leyenda

5

Obsoleto. Define texto fuente, el tamao y el color 4

Define un pie de pgina de una seccin o pgina 5

Define un formulario 4 5

No soportado. Define una sub ventana (un marco) 4

No soportado. Define un conjunto de marcos 4

a Define tamao de la cabecera 1 a 6 4 5

Provee informacin sobre el documento 4 5

Define un encabezado de una seccin o pgina 5

Define una lnea horizontal 4 5

Define un documento html 4 5

Define texto en cursiva 4 5

Define una lnea sub ventana (frame) 4 5

Define una imagen 4 5

Define un campo de entrada 4 5

Define texto insertado 4 5

No soportado. Define un nico campo de entrada de lnea 4

Define el teclado de texto 4 5

Define una etiqueta para formularios 4 5

Define un ttulo en un fieldset 4 5

Define un elemento de la lista 4 5

Define un recurso de referencia 4 5

Define texto marcado 5

Define un mapa de imagen 4 5

Define una lista de men 4 5

Define la informacin de metadatos 4 5

Define medicin dentro de un rango predefinido 5

Define vnculos de navegacin 5

Define una nestingpoint en un datatemplate 5

No soportado. Noframe Define una seccin 4

Define una seccin noscript 4 5

31


Define un objeto incrustado 4 5

Define una lista ordenada 4 5

Define un grupo de opciones 4 5

Define una opcin en una lista desplegable 4 5

Define algunos tipos de produccin 5

Define un prrafo 4 5

Define un parmetro para un objeto 4 5

Define texto preformateado 4 5

Define el progreso de una tarea de cualquier tipo 5

Define una breve cita 4 5

Define las normas de actualizacin de una plantilla 5

No soportado. Define texto tachado 4

Define el cdigo de muestra 4 5

Un Script 4 5

Una seccin 5

Lista seleccionable 4 5

Texto en pequeo 4 5

Definir un recurso media 5

Una seccin del documento 4 5

No soportado. Define texto tachado 4

Texto en negrita 4 5

Para definir un estilo 4 5

Para subndices 4 5

Para superndice 4 5

Para definir una tabla 4 5

Cuerpo de la tabla 4 5

Una celda de la tabla 4 5

Define una rea de texto 4 5

Pie (Footer) de una tabla 4 5

Define una cabecera de la tabla 4 5

Define una cabecera de la tabla 4 5

Defina una fecha 5

Para el titulo de la pgina web 4 5

Fila de una tabla 4 5

No soportado. Define texto teletipo 4

No soportado. Define texto subrayado 4

Para listas desordenadas 4 5

Para definir una variable 4 5

Para indicar que queremos incrustar un video 5

No soportado. Define texto preformateado 4

26-31.pdf

Documents