Latest web development tutorials

Tutoriales HTML5

HTML

HTML5 es la última revisión HTML en octubre de 2014 en los estándares de World Wide Web Consortium (W3C) ha finalizado.

HTML 5 está diseñado para soportar multimedia en dispositivos móviles.

HTML5 fácil de aprender.

¿Qué es HTML5?

HTML5 es la próxima generación de estándar HTML.

HTML, la versión anterior de HTML 4.01, nació en 1999. Desde entonces, mundo de la Web ha sufrido un cambio radical.

HTML5 está aún en su perfeccionado. Sin embargo, la mayoría de los navegadores modernos ya tienen algún tipo de apoyo HTML5.

HTML5 es cómo empezar?

W3C y WHATWG HTML 5 es el resultado de la cooperación, significa WHATWG Web de hipertexto Grupo de Trabajo de Tecnología de Aplicación. .

WHATWG dedicado formularios web y aplicaciones, y se centró en W3C XHTML 2.0. En 2006, las dos partes decidieron cooperar para crear una nueva versión de HTML.

HTML5 algunas nuevas características interesantes:

  • Para la pintura elemento canvas
  • elementos de vídeo y audio para la reproducción de medios
  • Mejor soporte para el almacenamiento sin conexión local
  • Nuevos elementos contenidos especiales, como el artículo, pie de página, encabezado, nav, la sección
  • Nuevos controles de formulario, como el calendario, la fecha, la hora, correo electrónico, URL, búsqueda

HTML5 <! DOCTYPE>

<! DOCTYPE> debe estar en la primera línea del documento HTML 5, muy sencillo de utilizar:

<! DOCTYPE html>

Mínimo documento HTML5

Aquí es un documento HTML5 simple:

<! DOCTYPE html> <Html> <Head> <Meta charset = "UTF-8"> <Título> Título del documento </ title> </ Head> <Body> contenido del documento ...... </ body> </ Html>

Nota: Para las páginas web chinas necesitan utilizar <meta charset = "UTF-8 "> declaración, de lo contrario será ilegible.

Mejora HTML5

  • nuevo elemento
  • nueva propiedad
  • Soporte completo para CSS3
  • Video y Audio
  • dibujo 2D / 3D
  • tienda local
  • de datos SQL locales
  • Aplicaciones web

HTML5 Multimedia

Usted puede simplemente utilizar la reproducción de vídeo HTML5 (vídeo) y de audio (audio) en la página.

Aplicación HTML5

Usted puede simplemente utilizar el desarrollo de aplicaciones HTML5

  • almacenamiento de datos local
  • El acceso a los archivos locales
  • de datos SQL locales
  • cotización caché
  • trabajadores de Javascript
  • XHTMLHttpRequest 2

HTML5 gráficos

Utilice HTML5 simplemente puede dibujar gráficos:

Utilice HTML5 CSS3

  • selector de nuevo
  • nueva propiedad
  • animación
  • conversión de 2D / 3D
  • filete
  • efecto de sombra
  • Fuentes de carga

Obtenga más información CSS3 por favor, consulte el sitio de tutoriales CSS3.

elementos semánticos

HTML5 añade una gran cantidad de elementos semánticos son los siguientes:

etiqueta descripción
<Artículo> Definir el área de contenido de la página separada.
<Aparte> Definir las páginas de contenido de la barra lateral.
<Bdi> Se le permite establecer un trozo de texto, la dirección del texto de distancia de los ajustes de elemento de matriz.
<Comando> Botones de comando personalizado - tales como botones de radio, casillas de verificación o botones
<Detalles> Los detalles del documento o una sección para
<Diálogo> cuadro de diálogo, tales como globos personalizar
<Resumen> La etiqueta del título contiene detalles de los elementos
<Figura> disposiciones independientes emitiendo contenidos (imágenes, gráficos, fotografías, código, etc.).
<Figcaption> Definición de <figure> título del elemento
<Pie de página> sección definida o documento pie de página.
<Header> Se define el área de la cabeza del documento
<Marcar> texto definido con la marca.
<Aparato de medición> Definición de pesas y medidas. Conocido sólo se utiliza para medir los valores máximo y mínimo.
<Nav> sección de enlaces de navegación de definir.
<Progreso> programación definida cualquier tipo de tarea.
<Rubí> Definición de la anotación ruby ​​(fonético chino o caracteres).
<Rt> (caracteres definidos interpretación fonética o carácter chino) o la pronunciación.
<Rp> En la anotación ruby ​​se utiliza para definir el contenido no es compatible con el navegador elemento de rubí que se muestra.
<Sección> La definición de la sección del documento (artículo, sección).
<Hora> Definir la fecha u hora.
<WBR> Disposiciones en el texto en su caso para añadir un salto de línea.

Formas HTML5

Los nuevos elementos de formulario, nuevos atributos, nuevos tipos de entrada, la verificación automática.

elementos eliminados

El siguiente código HTML se ha suprimido 4.01 elementos en HTML5:

  • <Acronym>
  • <Applet>
  • <Fuente base>
  • <Big>
  • <Center>
  • <Dir>
  • <Font>
  • <Frame>
  • <Marcos>
  • <NOFRAMES>
  • <Strike>

Ejemplos de cada capítulo

A través de nuestro editor HTML, puede editar el código HTML, a continuación, haga clic en el botón para ver los resultados.

Ejemplos

<! DOCTYPE HTML> <Html> <Head> <Meta charset = "UTF-8"> <Title> Este tutorial (w3big.com) </ title> </ Head> <Cuerpo> <vídeo width = "320" height = "240" controles> <Fuente src = "movie.mp4" type = "video / mp4"> <Fuente src = "movie.ogg" type = "video / ogg"> Su navegador no soporta la etiqueta video. </ Video> </ Body> </ Html>

Trate »

Haga clic en el botón de "Prueba" para ver los resultados de la operación en línea.

Soporte del navegador HTML5

La última versión de Safari, Chrome, Firefox y Opera soporta algunas de las características de HTML5. Internet Explorer 9 apoyará algunas características de HTML5.

navegador IE9 versiones compatibles de los siguientes métodos de HTML 5, el paquete html5shiv utilizar el sitio para recursos estáticos:

<! - [If lt IE9] > <script src = "http://cdn.static.w3big.com/libs/html5shiv/3.7/html5shiv.min.js"> </ script> <! [Endif] - ->

Después de la carga, la inicialización de la nueva etiqueta CSS:

/ * * HTML5 / artículo, a un lado, de diálogo, pie de página, encabezado, sección, pie de página, nav, figura, menú {display: block }

Manual de referencia de HTML 5

En este sitio se pueden encontrar las etiquetas HTML5 y atributos descritos en detalle por favor, haga clic en Manual de referencia de HTML 5 .