HTML (Lenguaje de marcado de hipertexto, SUPER -Text Mark Language) nació a principios de la década de 1990. listas y señalar otras páginas web. HTML5 es la última versión de HTML. HTML5 también presenta funciones nativas de reproducción de audio y video.
Puede ver las últimas especificaciones de HTML a través de la siguiente URL:
1) html5: http://www.w3.org/tr/html5//
2) html5.1: http://www.w3.org/tr/html51/
Introducción a HTML5HTML5 es en realidad una serie de tecnologías relacionadas utilizadas para hacer contenido de riqueza moderna.
1) La especificación del núcleo HTML5 define elementos utilizados para marcar el contenido y aclarar su significado.
2) CSS se usa para controlar la apariencia del etiquetado frente al usuario.
3) JavaScript se utiliza para manipular el contenido del documento HTML y responder a la operación del usuario.
Al mismo tiempo, HTML5 presenta soporte multimedia nativo e introduce contenido programable (elemento Canvas, que debe usar JavaScript) y la web semántica.
Soporte del navegador para HTML5 Verificación funcional del navegadorSi se puede usar la función de HTML5 es que el navegador admite. Sin embargo, hay un sitio web http://caniuse.com/ para ayudarlo.
Estado de uso del navegadorSi necesita juzgar si necesita apoyar un determinado navegador o una versión del navegador (generalmente es decir), entonces http://gs.statcounter.com/ Use el estado del navegador.
Detectar la función del navegadorSi desea utilizar algunas características nuevas de HTML5, pero los navegadores de algunos usuarios no admiten estas características, y no tiene que preocuparse. .
El método de uso es el siguiente:Vaya a la página de descarga de Modernizr, como sigue:
Seleccione las características que desea detectar en esta página (haga clic en las características correspondientes) y haga clic en Build después de seleccionar, y puede obtener:
Luego descargue los resultados de la compilación (modernizr-custom.js) y agréguelo a su documento HTML;
<HEAD> <meta charset = utf-8> <title> title </title> <script src = modernizr-custom.js> </script> ... </thead>
De esta manera, después de cargar la página, el script Modernizr puede ejecutarse. Al detectar los atributos de este objeto, puede determinar qué características admite el navegador. Por ejemplo:
<body> <p> El veredicto es ... <span id = resultado> </span> </p> <script> modernizr.on ('flash', function (resultado) {if (resultado) {document.getElementById (Resultado) .innerhtml = REJECE!Si su navegador admite Flash, la página web imprimida se regocio. Para obtener más funciones de Modernizr, consulte la documentación de Modernizr.
Estructura básica de la documentación HTMLEl documento HTML es una descripción de un documento. Algunos elementos se utilizan para describir la información básica del documento, y otros describen la estructura del documento.
<!
El documento HTML describe una página en blanco que determina el esquema del documento HTML y el entorno inicial del navegador.
Elemento doctypeSe pueden omitir los elementos DOCTYPE. Este elemento le dice al navegador dos cosas:
1) se maneja por documento HTML;
2) La versión del HTML utilizada para marcar el contenido del documento, la escritura anterior indica que se usa el HTML5.
Elemento htmlEl elemento HTML es el elemento raíz que indica el comienzo de la parte HTML en el documento. El lenguaje predeterminado del atributo Lang especifica el contenido de la página, como: EN significa inglés, ES representa español, etc.
Elemento de cabezaEl elemento principal contiene los metadatos del documento, proporciona información sobre el contenido del documento y la información del navegador, y también puede incluir una referencia al script y los recursos externos (como la tabla de estilo CSS).
Elemento corporalEl cuerpo del documento contiene el contenido que los visitantes pueden ver.
Con esta estructura básica, podemos agregar gradualmente otros elementos de HTML más tarde para enriquecer continuamente el documento y finalmente obtener la página que queremos.