English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
HTML5es una forma de describir el lenguaje para construir contenido web. HTML5es el estándar de la próxima generación de Internet, es una forma de lenguaje para construir y presentar contenido en Internet. Se considera una de las tecnologías fundamentales de Internet. HTML se originó1990año,1997año HTML4Se ha convertido en estándar de Internet y se utiliza ampliamente en el desarrollo de aplicaciones de Internet.
HTML5es la revisión más reciente de HTML,2014año10Mes por la World Wide Web Consortium (W3C) completar la elaboración del estándar.
HTML5Su diseño tiene como objetivo permitir el soporte de multimedia en dispositivos móviles.
HTML5Es el estándar de la lengua HTML central de la Web, que es el contenido que los usuarios ven cuando navegan por la Web mediante cualquier medio, que originalmente es en formato HTML, y se convierte en legible a través de ciertas técnicas en el navegador.
HTML5 fácil de aprender.
HTML5 es el estándar de HTML de la próxima generación.
HTML, HTML 4.01La versión anterior de 1999 año. Desde entonces, el mundo web ha experimentado enormes cambios.
HTML5 Aún está en proceso de mejora. Sin embargo, la mayoría de los navegadores modernos ya tienen ciertos HTML5 soporte.
HTML5 es W3C colabora con WHATWG, el resultado es WHATWG, que es el Grupo de Trabajo de Tecnología de Aplicaciones de Hipertexto Web.
WHATWG se dedica a los formularios web y aplicaciones web, mientras que W3C se centra en XHTML 2.0. En 2006 Año, ambas partes decidieron cooperar para crear una nueva versión de HTML.
HTML5 Algunas nuevas características interesantes en
Elemento canvas para pintar
Elementos video y audio para la reproducción de medios
Mejor soporte para almacenamiento local y almacenamiento en sesión
Nuevos elementos de contenido especial, como article, footer, header, nav, section
Nuevos controles de formulario, como calendar, date, time, email, url, search
HTML5Llevar a la Web a una plataforma de aplicación madura, en la que se han normado videos, audio, imágenes, animaciones e interacción con dispositivos.
La declaración <!doctype> debe estar ubicada en HTML5 La primera línea del documento, utilizando un lenguaje muy simple:
<!DOCTYPE html>
Hacer esto permitirá a los HTML que aún no se admiten5Los navegadores que adoptan el modo de estándar para la parseo, lo que significa que analizarán aquellos HTML5Compatibilidad con algunas etiquetas de HTML antiguas mientras se ignoran las que no admiten HTML5nuevas características.
Este doctype es más corto y más simple que el anterior, lo que lo hace más fácil de recordar y reduce la cantidad de bytes que debe descargarse.
Lo primero que se hace en una página es declarar el conjunto de caracteres utilizado. En versiones anteriores de HTML, era un elemento <meta> muy complejo, ahora se ha vuelto muy simple:
<meta charset="UTF-8">
Coloque esto en su <head>, ya que en algunos navegadores, si la codificación declarada es diferente de la esperada, volverán a analizar el documento HTML.-8Se recomienda que cambie su página web a esta codificación, ya que simplifica la gestión de caracteres en archivos por diferentes scripts.
Es digno de mencionar que HTML5Se limita la gama de conjuntos de caracteres disponibles, que necesitan ser compatibles8ASCII de posición. Esto se hace para fortalecer la seguridad y prevenir ciertos tipos de ataques.
A continuación se muestra un HTML simple5Documento:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> Soy un html5Título del documento</title> </head> <body> html5Contenido del documento...... </body> </html>
Nota: Para las páginas web en chino, se debe usar <meta charset="utf-8"> Declarar la codificación, de lo contrario aparecerán caracteres ilegibles.
Nuevos elementos
Nuevas propiedades
Compatibilidad completa con CSS3
Video y Audio
2D/3D gráficos
Almacenamiento local
Base de datos SQL local
Aplicación web
Uso de HTML5 Puede reproducir videos (video) y audio (audio) de manera simple en la página web.
Uso de HTML5 Puede desarrollar aplicaciones de manera simple
Almacenamiento de datos locales
Acceso a archivos locales
Base de datos SQL local
Referencias en caché
Worker de Javascript
XHTMLHttpRequest 2
Uso de HTML5 Puede dibujar gráficos de manera simple:
Nuevos selectores
Nuevas propiedades
Animación
2D/3Transformación D
Bordes redondeados
Efectos de sombra
Fuentes descargables
Para obtener más información sobre CSS3Conozca más sobre el sitio web CSS3 Tutoriales.
HTML5 Se han agregado muchos elementos semánticos como se muestra a continuación:
| Etiqueta | Descripción |
| <article> | Define un área de contenido independiente de la página. |
| <aside> | Define el contenido de la barra lateral de la página. |
| <bdi> | Le permite configurar un texto que se desvincule de la configuración de dirección del texto del elemento padre. |
| <command> | Define un botón de comando, como un botón de opción, una casilla de verificación o un botón |
| <details> | Se utiliza para describir los detalles de un documento o una parte del documento |
| <dialog> | Define un cuadro de diálogo, como un cuadro de alerta |
| <summary> | El título que contiene el elemento details |
| <figure> | Especifica contenido de flujo independiente (imágenes, gráficos, fotografías, código, etc.). |
| <figcaption> | Define el título del elemento <figure>. |
| <footer> | Define el pie de página de la sección o del documento. |
| <header> | Define la región de la cabecera del documento. |
| <mark> | Define texto con marcas. |
| <meter> | Define una medida. Únicamente para medidas conocidas con valor máximo y mínimo. |
| <nav> | Define una parte de enlace de navegación. |
| <progress> | Define el progreso de cualquier tipo de tarea. |
| <ruby> | Define los comentarios ruby (fonética china o caracteres). |
| <rt> | Define la explicación o pronunciación de caracteres (fonética china o caracteres). |
| <rp> | Se utiliza en comentarios ruby, define el contenido que se muestra en navegadores que no admiten elementos ruby. |
| <section> | Define una sección (section, segmento) en el documento. |
| <time> | Define una fecha o hora. |
| <wbr> | Especifica dónde es adecuado insertar un salto de línea en el texto. |
Nuevos elementos de formulario, nuevas propiedades, nuevos tipos de entrada, verificación automática.
Los siguientes HTML 4.01 El elemento en HTML5Se ha eliminado en el medio:
<acronym>
<applet>
<basefont>
<big>
<center>
<dir>
<font>
<frame>
<frameset>
<noframes>
<strike>
A través de nuestro editor HTML, puedes editar HTML y luego hacer clic en el botón para ver los resultados.
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>基础教程网(oldtoolbag.com)</title> </head> <body> <video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> Tu navegador no admite la etiqueta de video. </video> </body> </html>prueba y mira ‹/›
La última versión de Safari, Chrome, Firefox y Opera admite ciertos HTML5 características. Internet Explorer 9 Soportará ciertas características HTML5 características.
IE9 Los siguientes navegadores son compatibles con HTML5métodos, utilice los recursos estáticos html de este sitio5Paquete shiv:
<!--[if lt IE 9]> <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script> <![endif]>-->
Después de cargar, inicialice el CSS de las nuevas etiquetas:
/*html5*/
article,aside,dialog,footer,header,section,nav,figure,menu{display:block}En este sitio puede encontrar información sobre HTML5 descripción de los elementos y atributos, más detalles haga clic HTML5Manual de referencia.