Organización simple de características básicas y sintaxis de HTML5

Este artículo presenta principalmente las características básicas y la sintaxis de HTML5, que es el conocimiento básico en la introducción a HTML5. Amigos que lo necesitan pueden referirse a HTML5 Descripción general

HTML5 es la siguiente versión importante del estándar HTML para reemplazar HTML 4.01, XHTML 1.0 y XHTML 1.1. HTML5 también es un estándar para construir y presentar contenido en la World Wide Web.

HTML5 es el producto de la colaboración entre World Wide Web Alliance (W3C) y el grupo de trabajo sobre tecnología de hipertexto de las páginas web (WATWG).

Este nuevo estándar incorpora características como reproducción de video y arrastrar y soltar, que solían depender de complementos de navegadores de terceros como Adobe Flash, Microsoft Silverlight y Google Gears.

Las últimas versiones de Apple Safari, Mozilla Firefox y Opera admiten la mayoría de las funciones HTML5, e IE9 también admite algunas características HTML5.

Los navegadores móviles preinstalados en iPhones, iPads y teléfonos Android tienen un buen soporte para HTML5.

HTML5 presenta muchos elementos y atributos nuevos para ayudarnos a construir sitios web modernos. Aquí están las características principales introducidas por HTML5:

Nuevos elementos semánticos: como <curebe>, <footer> y <section>.

Formulario 2.0: Formularios web HTML mejorados e introdujo algunas propiedades nuevas en la etiqueta <put>.

Almacenamiento local persistente: para no implementarse a través de complementos de terceros.

WebSocket: la próxima generación de tecnología de comunicación bidireccional para aplicaciones web.

Eventos de empuje del servidor: HTML5 presenta eventos de un servidor web a un navegador web, también conocido como Servidor Push Events (SSE).

Canvas: admite dibujo bidimensional programático usando JavaScript.

Audio y video: incrusta audio o video en páginas web sin la necesidad de complementos de terceros.

Geolocation: los usuarios pueden optar por compartir su geolocalización con nuestra página web.

Microdata: nos permite crear vocabulario personalizado fuera de HTML5 y extender las páginas web utilizando semántica personalizada.

Arrastre y suelte: arrastre y suelte una entrada en la misma página web de una ubicación a otra.

HTML5 está diseñado para ser lo más compatible posible para los navegadores existentes. Las nuevas características se basan en las características existentes y nos permiten proporcionar contenido alternativo para navegadores antiguos.

Se recomienda utilizar una pequeña cantidad de código JavaScript para detectar el soporte de una sola función HTML5.

HTML5 tiene su propia sintaxis HTML, que es compatible con los documentos HTML 4 y XHTML1 que se han publicado en la web, pero no tiene las características SGML más complejas en HTML 4.

HTML5 no requiere nombres de etiquetas en minúsculas en XHTML, se deben citar los atributos, los atributos deben tener un valor y las reglas de sintaxis que deben cerrar todos los elementos vacíos.

Sin embargo, HTML5 es más flexible y admite los siguientes formularios:

Capitalización del nombre de la etiqueta.

Las cotizaciones dobles para el atributo son opcionales.

El valor del atributo es opcional.

El elemento vacío cerrado es opcional.

Mordaz

En versiones anteriores de HTML, DOCTYPE es largo porque el lenguaje HTML se basa en SGML y requiere que se haga referencia a un DTD.

Los autores HTML5 pueden usar una sintaxis simple para especificar la siguiente forma de DOCTYPE: