HTML5, la quinta modificación principal del lenguaje de marca Super -Text (HTML).
HTML5 contiene nuevos elementos, atributos y comportamientos, y también contiene una serie de tecnologías que pueden usarse para hacer que los sitios web sean más diversos y más poderosos.
Las nuevas características no están disponibles a la vez, pero después de la formulación de HTML4.01 (1999), cambia constantemente durante este período y se finaliza el manuscrito final.
Los estándares HTML5 no destruyen las páginas web anteriores, y las páginas web que cumplen con el estándar HTML4.01 siguen siendo efectivos en HTML5.
URL estándar: https://www.w3.org/tr/html5///
Hora del manuscrito fijo: 28 de octubre de 2014
contenidoEn comparación con el HTML4.01 anterior, HTML5 ha aumentado mucho:
① Nuevos elementos semánticos: <artículo>, <Sexpection>, <figura>, <figCaption>, <footer>, <curebel>, <hgroup>, <Al Nav>, <Section>, etc.
② Características de los nuevos elementos: aumentar los atributos de nuevos elementos, elementos de la unidad de tabla, funciones de verificación, etc.
③ Multimedia: agregue <udio> audio, <video> elementos de video y otro contenido.
④ Dibujo 2D/3D: Agregue el elemento de dibujo <Canvas>.
⑤ Almacenamiento: aumente las funciones de almacenamiento en línea y fuera de línea.
⑥ Conectividad: Aumente dos contenidos del cliente interactúe con el servidor: sockets web (conexión duradera del cliente y servidor) y eventos del servidor (datos de empuje del servidor), etc.
⑦ Integrado: proporcione funciones poderosas como trabajadores web, API de historia, requestanimationFrame y ubicación geográfica.
⑧ Acceso al dispositivo: proporcione soporte para cámaras y dispositivos móviles.
式 Estilo CSS3: proporciona nuevas características de estilo de fondo, animación, borde y otros estilos.
Soporte del navegadorCada navegador convencional es diferente de HTML5. Entre ellos, IE es la función de soportar HTML5 de la novena versión (no todas las funciones de HTML5).
Si desea saber que una función de HTML5 es compatible con cada navegador, puede iniciar sesión en http://caniuse.com/ para consulta.
Tomando el elemento <umio> como ejemplo, puede ver el soporte de cada navegador:
Crear página HTML5Introducir el cambio de HTML5 desde la página.
<!La primera línea de la página HTML tradicional debe ser una declaración de tipo de documento específica, que está relacionada con la página de visualización de formato y diseño del navegador.
HTML4.01 se basa en SGML (lenguaje de etiqueta universal estándar), así que <!
HTML5 no se basa en SGML, por lo que no se requiere DTD.
Página HTML4.01:[Código] <!
Página HTML5:<!<html> etiqueta
Establecer el espacio de nombres
El atributo XMLNS en <html> El atributo XMLNS puede definir uno o más espacios con nombre opcionales. El navegador utilizará este espacio de nombres para los elementos en la página donde está el atributo.
Si se omite este atributo, el valor predeterminado será reemplazado por http://www.w3.org/1999/xhtml.
Establecer lenguaje de página<html> La propiedad lang en la etiqueta puede especificar el lenguaje natural de la página, como: lang = en significa inglés, y lang = zh-cn significa chino. Ejemplo:
<html leng = zh-cn> </html>Configuración de etiqueta <seta> Codificación de caracteres
Se puede proporcionar <meta> metainformación, como palabras clave para motores de búsqueda.
Entre ellos, el atributo Charset define el código de caracteres de la página, que puede convertir el contenido de texto de la página en un formato de codificación especificado durante la pantalla.
UTF-8 preferido en el diseño web:
<HEAD> <Meta Charset = UTF-8/> <title> Page Title </title> </head>Mesa de estilo de cita
En comparación con el HTML4.01 anterior, HTML5 omita la propiedad tipo = text/css cuando la tabla de estilo de referencia:
<HEAD> <Meta Charset = UTF-8/> <title> Page Title </title> <Link r = Stylesheet href =/styles/site.css> </head>Cita el archivo JavaScript
En HTML5, al citar el archivo JavaScript, se omite el atributo type = text/javaScript:
<HEAD> <Meta Charset = UTF-8/> <title> Page Title </title> <script src =/scripts/jqury-1.7.2.js> </head> </head>Ejemplo de página completa
A continuación se muestra una página HTML5 completa:
<! /scripts/jquery-1.7.2.js> </script> </head> <body> <p> Área del cuerpo </p> </body> </html>