HTML 5

Publicado: 10 abril, 2011 en Sin categoría

hola a todos bueno esto es un mini tutorial de html5
¿Qué es el HTML 5?


HTML5 será el nuevo estándar de HTML, XHTML y DOM HTML.
La versión anterior de HTML fue en 1999. La web ha cambiado mucho desde entonces.
HTML 5 es todavía un trabajo en progreso. Sin embargo, la mayoría de los navegadores modernos tienen algún tipo de apoyo HTML5
HTML 5 es una cooperación entre la World Wide Web Consortium (W3C) y la Red de hipertexto Aplicación de Tecnología del Grupo de Trabajo (WHATWG).
WHATWG estaba trabajando con formularios web y aplicaciones, y el W3C está trabajando con XHTML 2.0. En 2006, decidieron cooperar y crear una nueva versión de HTML

Algunas reglas para HTML5 se establecieron:

Las nuevas características debería basarse en HTML, CSS, DOM y JavaScript
Reducir la necesidad de plugins externos (como Flash)
Mejor manejo de errores
Más marcado para reemplazar secuencias de comandos
HTML5 debe ser independiente del dispositivo
El proceso de desarrollo debe ser visible para el público

Nuevas características

Los elementos de vídeo y audio para la reproducción de los medios de comunicación
Mejor soporte para el almacenamiento sin conexión local
Nuevos elementos de contenido específico, como el artículo, pie de página, encabezado, navegación, sección
Nuevos controles de formulario, como el calendario, fecha, hora, correo electrónico, URL de búsqueda

Estructura de página html4

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;

<html>

<head>cabecera</head>

<div id=“header”></div>

<div id=“nav”><ul><li>menus</li</ul></div>

<div id=“content”>

<p></p>

</div>

<div id=“footer”></div>

</html>

Estructura de página html5

<!doctype html>

<html>

<head>cabecera</head>

<header></header>

<nav><ul><li>menus</li</ul></nav>

<section>

<article><p></p></article>

</section>

<footer></footer>

</html>

Atributos eliminados

•rev y charset en <link /> y <a />
•target en <link />
•nohref en <area />
•profile en <head />
•version en <html />
•name en <map />
•scheme en <meta />
•archive, classid, codetype, declare y standby en <object />
•valuetype en <param />
•charset en <script />
•summary en <table />
•header, axis y abbr en <td /> y <th />

 

 

y mas info en w3c.org
html5

Bueno en el siguuiente post veremos una herramienta que a mi en lo particular se me hizo interesante y es uno de canva eh html5

que tus sentidos esten en overcloking!!

Anuncios
comentarios
  1. Dc.EgRoJacK dice:

    genial!!!

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s