| Desventajas (HTML4) | Ventajas (HTML5) |
| Antes tenía que escribirse mucho código para la estructura, tipo y versión de un documento XML. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> |
Actualmente ya no es necesario definir toda estructura de un documento XML con solo escribir "!DOCTYPE html" es suficiente. <!DOCTYPE html> |
| Era necesario definir el tipo de documento HTML y la codificación <meta http-equiv="Content-Type" content="text/html;charset=utf-8"> |
Ya no es necesario definir el tipo de documento HTML para eso es el DOCTYPE. Sólo se define la codificación <meta charset="utf-8"> |
| Antes se tenía que declarar la etiqueta header en una caja div: <div id="header"> | Ahora con sólo poner: <header>, es suficiente para la estructura de la página. |
| Antes se tenía que declarar la etiqueta menu en una caja div: <div id="menu"> | Ahora con sólo poner: <nav>, es suficiente para la estructura de la página. |
| Antes se tenía que declarar la etiqueta content en una caja div: <div id="content"> | Ahora con sólo poner: <section>, es suficiente para la estructura de la página. |
| Antes se tenía que declarar la etiqueta post en una caja div: <div id="post"> | Ahora con sólo poner: <article>, es suficiente para la estructura de la página. |
| Antes se tenía que declarar la etiqueta footer en una caja div: <div id="footer"> | Ahora con sólo poner: <footer>, es suficiente para la estructura de la página. |
| Era necesario cerrar la etiqueta con diagonal. <br /> | Ya no es necesario cerrar la etiqueta: <br>, por lo que se ahorra tiempo. |
| Antes se insertaban archivos multimedia por medio de un objeto media (<object>). | Ahora simplemente se usa <video> o <audio>, según sea el caso. |
| Era necesario cerrar la etiqueta con diagonal <link rel="stylesheet" href="style.css"/> |
En la actualidad con HTML5 no es necesario cerrar la etiqueta <link rel="stylesheet" href="style.css"> |
| Etiquetas soportadas por HTML5 | Etiquetas no soportadas por HTML4 |
| <article>, atículo de la página. | <article>, antes era <div id="post"> |
| <header>, cabecerá de la página; se pueden colocar otras etiquetas. | <header>, antes era <div id="header"> |
| <footer>, pie de la página; se puede colocar información de contacto, horarios, etc. | <footer>, antes era <div id="footer"> |
| <section>, cuerpo o contenido de la página web. | <section>, antes era <div id="content"> |
| <nav>, menu de navegación; generalmente se coloca en la parte superior de la página. | <nav>, antes era <div id="menu"> |
| <iframe>, permite la insersión de otra página sobre la página web. | <iframe>, antes era <frame> |
| <input>, campo de texto o búsqueda. | <input>, antes era <isindex> |
| <object>, objeto para insertar contenido multimedia o scripts. | <object>, antes era <noembed> |
| <del>, <s>, para mostrar un texto tachado. | <del> y <s>, antes era <strike> |
| <ul>, crea menús de listados. | <ul>, antes era <menu> |
| font-size, agrega más tamaño a la fuente de una palabra, texto o párrafo, según sea el caso. | font-size, antes era <big> |
Comentarios
Publicar un comentario