You are on page 1of 6

NOTA

:
No se te olvide, los nombres de los archivos y sus extensiones y el nombre de las
carpetas de tus páginas web han de ir siempre escritas solo con letras minúsculas.
Recuerda también asegurarte de que el nombre del archivo no contenga ningún símbolo
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
página.
Atte: www.elarcorp.com

Diferencias entre HTML 4 y HTML 5
1. HTML5 continúa en progreso
Si bien está claro el hecho de tener una web maquetada en HTML4 nos permite contar
con un estándar de soluciones ya que HTML4 tiene a diferencia de HTML5 que está
aún en proceso experimental y de desarrollo, es muy probable que muchas cosas sigan
cambiando con el tiempo, y generando algunas dificultades, situación a la que ya no está
sujeto ningún producto web hecho en HTML4
2. Sintaxis simplificada
La declaración de tipo de documento de forma más sencilla es sólo una de las muchas
novedades de HTML5. Ahora solo tienes que escribir solamente: <DOCTYPE
HTML!>. La sintaxis de HTML5 es compatible conHTML4 y XHTML1, pero no con
SGML.
3. Elemento <canvas> 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 demás
usuarios que estamos cansados de los vídeos en flash que tardan años en cargarse y

By: Elar E., HANCCO QUISPE

26

www.elarcorp.com

By: Elar E. Además de hacer el código más estructurado. sino también para las barras de herramientas y menús contextuales. aunque en realidad estos no son los elementos más utilizados en una página. Es por eso que hay algunos elementos nuevos. este también tendrá un efecto positivo en tus esfuerzos de SEO ya que para los motores de búsqueda será más fácil el ranking de tu página. Con este desarrollo en el lenguaje ya no es necesario identificar a estos dos elementos con la etiqueta <div>. Nuevos elementos <menu> y <figure> El elemento nuevo <menu> puede ser utilizado no solo para los menús convencionales. 5. el nuevo elemento <canvas> y su utilidad para la representación de gráficos es un sueño hecho realidad. como <header> y <footer>. el <section> y <article> en HTML5 permitirá a los desarrolladores marcar estas áreas de la página como tal.elarcorp.funcionar. el elemento <figure> es una forma adicional útil para organizar el texto y las imágenes en tu página de una manera profesional. Nuevos elementos <header> y <footer> HTML5 está desarrollado con la intención de reflejar mejor la nueva anatomía de los sitios web. Es cierto que se pueden definir los menús y las cifras en una hoja de estilo pero es bueno que se pueda utilizar en la construcción de elementos de HTML5. que están diseñados específicamente para marcar estas partes de la web. 6.. HANCCO QUISPE 27 www.com . Nuevos elementos <section> y <article> Al igual que los elementos <header> y <footer>. 4. Aunque es cierto que hasta hoy el elemento <canvas> no ofrece todas las ventajas de Flash hay mucho que hace suponer que se acerca el día en que esta herramienta quede obsoleta ante el potencial de HTML5 y su magnifica integración. Del mismo modo.

com . Nuevos elementos <audio> y <video> Son probablemente dos de las novedades más útiles para HTML5. No más <b> y <font> Esto es un cambio más que yo no entiendo todavía del todo. Un nuevo nivel de las formas <form> y <forminput> vivieron una gran cantidad de revisiones y ahora tienen muchos atributos nuevos (y los modificados. date. By: Elar E. 9. Estas 10 diferencias entre HTML5 y HTML4 son sólo una pequeña fracción de lo que es nuevo. HANCCO QUISPE 28 www. Otra cosa que llama la atención es el campo INPUT. también). week. como el nuevo atributo del elemento invertido <ol> que permite a una lista que se ordenan en orden descendente.0 podría ser noticia vieja. que ofrece pistas de texto para el elemento de vídeo. pero las directrices oficiales dicen que estos elementos se manejan mejor en CSS. No creo que la eliminación de la <b> y elementos <font> vaya a ayudar mucho. Si estás usando con frecuencia las formas tomate un tiempo para revisar las novedades con más detalle.7. El problema es que al tiempo que HTML5 se convierte en una tecnología ampliamente aceptada. se utilizan para insertar archivos de audio y vídeo.0 sea más amigable.Con estas incorporaciones HTML5 está consiguiendo definitivamente que la Web 2. También hay algunos nuevos elementos multimedia y atributos.. number. 10. month. todo lo que sea deshacernos de nomenclatura inútil es bienvenido. tales como <track>. color. url.elarcorp. Han desaparecido <frame>. Además de estos grandes cambios. Como su nombre indica. <center> y <big> Seguramente no recuerdas cuando fue la última vez que utilizaste una de estas etiquetas lo cual indica que ha sido una buena decisión. email. o modificar el uso del elemento <u>. que ahora tendrá muchos más valores posibles en el atributo type: datetime. 8. también podríamos nombrar unos pocos menores. la Web 2.

Define una lista de directorio <dir> By: Elar E. HANCCO QUISPE 29 4 4 4 4 4 4 4 4 4 5 5 5 5 5 5 5 5 5 5 4 5 4 5 4 4 5 4 4 5 4 5 4 5 4 5 5 4 5 4 4 4 4 4 5 5 5 5 5 5 5 5 4 5 4 5 5 5 4 www.com . Define un applet <applet> Define un área dentro de un mapa de imagen <area> Define un artículo <article> Define el contenido. Define texto grande <big> Defines a long quotation Define una larga cita <blockquote> Defines the body element Define el cuerpo elemento <body> Inserts a single line break Inserta un salto de línea <br> Defines a push button Define un botón <button> Defines graphics Define gráficos <canvas> Defines a table caption Define una tabla título <caption> Not supported. Defines centered text No soportado. aparte de contenido de la página <aside> Define el contenido de sonido <audio> Define texto en negrita <b> Define una URL base para todos los enlaces en una página <base> No soportado.Tabla comparativa de elementos de HTML 4 Y HTML 5 Etiqueta Descripción Para incrustar comentarios <!–…–> <!DOCTYPE> Para indicar el tipo de documento El hipervínculo de toda la vida <a> Para abreviaciones <abbr> No soportado..elarcorp. Define <center> texto centrado Defines a citation Define una cita <cite> Define el código de texto <code> Define las características de las columnas de la tabla <col> Define grupos de columnas de la tabla <colgroup> Define un botón de comando <command> Define los datos en una lista de árboles <datagrid> Define una lista desplegable <datalist> <datatemplate> Define una plantilla de datos Define una descripción de la definición <dd> Define texto suprimido <del> Define los detalles de un elemento <details> Define un cuadro de diálogo (conversación) <dialog> No soportado. Usar CSS en lugar <basefont> Define la dirección de la pantalla de texto <bdo> No soportado. Define un acrónimo <acronym> Define un elemento de la dirección <address> No soportado.

Noframe Define una sección Define una sección noscript By: Elar E.elarcorp. Define un conjunto de marcos Define tamaño de la cabecera 1 a 6 Provee información sobre el documento Define un encabezado de una sección o página Define una línea horizontal Define un documento html Define texto en cursiva Define una línea sub ventana (frame) Define una imagen Define un campo de entrada Define texto insertado No soportado. Define un único campo de entrada de línea Define el teclado de texto Define una etiqueta para formularios Define un título en un fieldset Define un elemento de la lista Define un recurso de referencia Define texto marcado Define un mapa de imagen Define una lista de menú Define la información de metadatos Define medición dentro de un rango predefinido Define vínculos de navegación Define una nestingpoint en un datatemplate No soportado.com . Define una sub ventana (un marco) No soportado. HANCCO QUISPE 30 4 4 4 4 4 5 5 5 5 5 5 5 4 5 5 4 5 4 5 4 4 4 5 4 5 5 4 5 4 5 4 5 4 5 4 5 4 5 4 5 4 4 5 4 5 4 5 4 5 4 5 5 4 5 4 5 4 5 5 5 5 4 4 5 www.. Define texto fuente. y su leyenda Obsoleto.<div> <dfn> <dl> <dt> <em> <embed> <eventsource> <fieldset> <figure> <font> <footer> <form> <frame> <frameset> <h1> a <h6> <head> <header> <hr> <html> <i> <iframe> <img> <input> <ins> <isindex> <kbd> <label> <legend> <li> <link> <mark> <map> <menu> <meta> <meter> <nav> <nest> <noframes> <noscript> Define una sección en un documento Define un término definición Define una lista de definición Define un termino definición Define destacó texto Define un elemento embebido de contenido interactivo Define un objetivo para los eventos enviados por un servidor Define un fieldset Define un grupo de los contenidos de los medios. el tamaño y el color Define un pie de página de una sección o página Define un formulario No soportado.

Define texto preformateado By: Elar E. Define texto subrayado Para listas desordenadas Para definir una variable Para indicar que queremos incrustar un video No soportado. Define texto tachado Texto en negrita Para definir un estilo Para subíndices Para superíndice Para definir una tabla Cuerpo de la tabla Una celda de la tabla Define una área de texto Pie (Footer) de una tabla Define una cabecera de la tabla Define una cabecera de la tabla Defina una fecha Para el titulo de la página web Fila de una tabla No soportado.elarcorp.com . Define texto tachado Define el código de muestra Un Script Una sección Lista seleccionable Texto en pequeño Definir un recurso media Una sección del documento No soportado.<object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <rule> <s> <samp> <script> <section> <select> <small> <source> <span> <strike> <strong> <style> <sub> <sup> <table> <tbody> <td> <textarea> <tfoot> <th> <thead> <time> <title> <tr> <tt> <u> <ul> <var> <video> <xmp> Define un objeto incrustado Define una lista ordenada Define un grupo de opciones Define una opción en una lista desplegable Define algunos tipos de producción Define un párrafo Define un parámetro para un objeto Define texto preformateado Define el progreso de una tarea de cualquier tipo Define una breve cita Define las normas de actualización de una plantilla No soportado.. Define texto teletipo No soportado. HANCCO QUISPE 31 4 4 4 4 4 4 4 4 5 5 5 5 5 5 5 5 5 5 5 4 4 5 4 5 5 4 5 4 5 5 4 5 4 4 5 4 5 4 5 4 5 4 5 4 5 4 5 4 5 4 5 4 5 4 5 5 4 5 4 5 4 4 4 5 4 5 5 4 www.