8 Características que tiene HTML 5

En este artículo revisaremos un poco lo que nos tiene HTML 5 para el futuro, veremos algunos de los cambios, ventajas y nuevas características posee el próximo lenguaje de HTML.

1. Nuevo Doctype

Actualmente el doctype de HTML es el siguiente:

En HTML 5 esto cambia reduciéndose a esto:

Incluso este doctype no es necesario para HTML 5 pero para tener compatibilidad con los navegadores actuales y antiguo es necesario ponerlo.

2. No es necesario agregar types a los scripts

Ya no es necesario agregar los type cuando agregamos algún scripts como se hace actualmente:

<script src=" ajax.js" type="text/javascript"><!--mce:0--></script>

Ahora en html 5 se realiza de la siguiente manera:

<script src="ajax.js"><!--mce:1--></script>

3. Contenido editable desde el explorador

Con el atributo contenteditable se le puede permitir al usuario poder editar el contenido desde el explorador.

<h2> Lista de Tareas</h2>
<ul>
	<li> Realizar el anteproyecto</li>
	<li> Realizar el proyecto</li>
	<li> Entregar</li>
</ul>

Esta es la línea del atributo en el que se puede editar sus contenidos

4. Etiquetas Header y Footer

Vienen a sustituir el uso de los div tradicionales para la elaboración de cabeceras y pies.
HTML

<div id="header">
	...</div>
<div id="footer">
	...</div>

HTML 5

	...
 
	...

5. Placeholders

Con este atributo nos ahorramos utilizar JavaScript para poner texto por default dentro de un input tex como se muestra en la imagen

<input name="email" type="email" />

6. Audio

HTML 5 tiene soporte para audio sin necesidad de plug-ins de terceros. Esto se realiza mediante la etiqueta

	<a href="file.mp3">Bajar Archivo</a>

Pero hay que tener en cuenta cierta consideraciones referente a los navegadores ya que no todos reproducir el mismo tipo de archivo, por ejemplo: Firefox solo lee archivos OGG, mientras que safari lee mp3, IE no es compatible por el momento y Opera lee archivos WAV.

7. Video

Al igual que el audio HTML 5 también puede reproducir video directamente mediante las etiqueta .

 Navegador no compatible. <a href="video.mp4">Download this video instead.</a>

También al igual que en el audio ciertos navegadores escogen sus tipo de archivos de video a reproducir por lo cual hay que tomar en cuenta esto. Safari e Internet Explorer 9 el formato H.264 , Firefox y Opera están código abierto Theora y Vorbis. Por lo tanto hay que poner los dos tipos de formatos para que funcionen en cualquiera de los navegadores.

8. Email input

En HTML 5 se encuentra el tipo de input para email, con el cual podemos indicarle al explorador que solo pueda ingresar una cadena con formato de email. Cabe recalcar que no todos los navegadores lo están soportando todavía por simple hecho que todavía no ha entrado en total funcionamiento

<form method="get">
		<label for="email">Email:</label>
<input id="email" name="email" type="email" />
		<button> Submit </button>
	</form>

About ALO

Programador y Diseñador de Sitios Webs. Con conocimiento en lenguajes como HTML, PHP, JSP, .NET, JAVA, Flash, Javascript, Bases de Datos.

View all posts by ALO →