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 comoHTML5 y
una variante XHTML conocida como sintaxis XHTML5 que deberá ser servida como XML. Esta
es la primera vez que HTML y XHTML se han desarrollado en paralelo.
La versión
definitiva de la quinta revisión del estándar se publicó en octubre de 2014.
Al no ser reconocido
en viejas versiones de navegadores por sus nuevas etiquetas, se 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.
HTML5 está llamada a ser el
reemplazo del actual (X) HTML, una de las patas de la web
desde su nacimiento.
Precisamente en un momento en el que la web está lo suficientemente madura,
este estándar aprende de los errores cometidos e intenta solucionar la mayoría
de problemas con los que un desarrollador web se encuentra. Como muchas de sus
novedades son interesantes y afectan directamente a la futura web, desde Anexo
te vamos a comentar en varios artículos los cambios más importantes, empezando
por este artículo donde comentaremos los nuevos elementos.¿En qué se diferencia HTML5 de las versiones anteriores?
Las
novedades que propone html5 en diseño web son, etiquetas canvas 2D y 3D,
audio, vídeo con codecs destinados a la mejora de archivos multimedia; la
mejora de conjuntos de datos, tales como Datagrid, Details, Menu y Command,
en el que la gestión de estos archivos se verá mejorada para su filtración,
orden y ocultamiento;
En
HTML podemos destacar nuevas formas de movimientos de datos, sin precisar
de Javascript; Nuevos visores destinados a fórmulas
matemáticas y gráficos vectoriales (MathML, SVG…); Y por último, como
principales novedades de html5, Drag & Drop, que sirve para
arrastrar elementos dentro de los formularios.
Etiqueta
|
Atributos de la etiqueta
|
Comentarios
|
<!-- -->
|
Estándar o ninguno
|
|
<!DOCTYPE>
|
Estándar o ninguno
|
|
<a>
|
href | target | rel | hreflang |
media | type
|
Atributo Añadido:media
Atributo cambiado: Target
|
<abb>
|
Estándar o ninguno
|
|
Etiqueta Eliminada
|
||
<address>
|
Estándar o ninguno
|
|
Etiqueta eliminada
|
||
<area>
|
Estándar o ningunos
|
|
<article>
|
Atributos globales
|
Nueva etiqueta
|
<aside>
|
Atributos globales
|
Nueva etiqueta
|
<audio>
|
autobuffer | autoplay |
controls | loop | src
|
Nueva etiqueta
|
<b>
|
Atributos globales
|
Etiqueta cambiada
|
<base>
|
Estándar o ninguno
|
|
Etiqueta eliminada
|
||
<bb>
|
Estándar o ninguno
|
|
<bdo>
|
Estándar o ninguno
|
|
Etiqueta eliminada
|
||
<blockquote>
|
Estándar o ninguno
|
|
<body>
|
Estándar o ninguno
|
|
<br>
|
Estándar o ninguno
|
|
<button>
|
Estándar o ninguno
|
|
<canvas>
|
height | width
|
Nueva etiqueta
|
<caption>
|
Estándar o ninguno
|
|
Etiqueta eliminada
|
||
<cite>
|
Atributos globales
|
Etiqueta 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
|
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
|
|
<embed>
|
height | src | type | width
|
Nueva etiqueta
|
<fieldset>
|
Estándar o ninguno
|
|
<figure>
|
Atributos globales
|
Nueva etiqueta
|
Etiqueta eliminada
|
||
<footer>
|
Atributos globales
|
Nueva etiqueta
|
<form>
|
Estándar o ninguno
|
|
Etiqueta eliminada
|
||
Etiqueta eliminada
|
||
<h1>... <h6>
|
Estándar o ninguno
|
|
<head>
|
Estándar o ninguno
|
|
<header>
|
Atributos globales
|
Nueva etiqueta
|
hgroup se añadió a la especificación HTML5, pero
ahora está obsoleta.4 Usar
<header>
|
||
<hr>
|
Ninguno
|
Etiqueta cambiada
|
<html>
|
Estándar o ninguno
|
|
<i>
|
Ninguno
|
Etiqueta 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 |
pattern | placeholder | readonly | required | size | src | step | type |
value | width
|
Etiqueta cambiada: Añadidos 13 elementos a type
|
<ins>
|
Estándar o ninguno
|
|
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
|
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
|
|
<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
|
Etiqueta eliminada
|
||
<samp>
|
Estándar o ninguno
|
|
<script>
|
Estándar o ninguno
|
|
<section>
|
cite
|
Nueva etiqueta
|
<select>
|
Estándar o ninguno
|
|
<small>
|
Atributos globales
|
Etiqueta Cambiada
|
<source>
|
media | src | type
|
Nueva etiqueta
|
<span>
|
Estándar o ninguno
|
|
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
|
|
<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
|
|
Etiqueta eliminada
|
||
<u>
|
Define texto que debe tener un estilo diferente del
texto normal5
|
|
<ul>
|
Estándar o ninguno
|
|
<var>
|
Estándar o ninguno
|
|
<video>
|
src | poster | autobuffer |
autoplay | loop | controls | width | height
|
Nueva etiqueta
|
Etiqueta eliminada
|
Notas: En amarillo aquellas
etiquetas introducidas en esta nueva versión (en rojo aquellas que fueron eliminadas de la especificación
HTML5), en azul las
etiquetas que han sido cambiadas todo o en parte y en gris las etiquetas eliminadas de esta
versión. Si bien en la práctica los navegadores no lo están teniendo en cuenta
para evitar perder cuota de mercado.
Referencias
http://www.anexom.es/
http://es.wikipedia.org/
http://es.slideshare.net/


No hay comentarios:
Publicar un comentario