Aunque su desarrollo había comenzado muchos años antes, HTML5 comenzó a ser usado por primera vez por los diseñadores y desarrolladores web en 2010. Desde el primer momento, el lenguaje se sintió familiar para muchos profesionales de la web porque en lugar de tratar de reinventar todo desde cero, HTML5 se basó en lo que había venido antes. Cualquiera que supiera HTML 4.01 rápidamente se dio cuenta de que una buena parte de esa versión se podía encontrar ahora en HTML5.

Aunque HTML5 incluye muchos elementos que han existido en HTML durante un tiempo, también introdujo un puñado de elementos que eran nuevos en HTML5. Para muchos de estos nuevos elementos, se utilizó un enfoque llamado «pavimentar los senderos». Este es un término que se utiliza comúnmente en TI para referirse esencialmente a mirar lo que la gente ya está haciendo y hacer eso. En el caso de los diseñadores web, esto significaba ver cómo ya estaban construyendo páginas y basar las decisiones en nuevos elementos de esas actividades. Por ejemplo, muchos profesionales de la web construirían sitios web con divisiones que utilizan atributos ID o Class de «header», «nav» y «footer». Como tal, HTML5 los introdujo como nuevos elementos, permitiendo a los profesionales de la web añadir más significado a sus documentos mediante el uso de elementos de sección dedicados en lugar de sólo divisiones. Esta combinación de familiaridad y un enfoque que reconoce las prácticas actuales ayudó a que HTML5 fuera rápidamente adoptado por la industria del diseño web.

El tipo de documento HTML5

En primer lugar, para utilizar cualquier elemento HTML5 nuevo, su documento debe incluir el tipo de documento HTML5 que es:

Puede notar que este tipo de documento no menciona específicamente "HTML5", sino que simplemente indica la versión como "html". Esto se debe a que este tipo de documento es lo que se pretende utilizar en el futuro para todas las iteraciones del lenguaje. De hecho, se supone que HTML5 es la última versión numerada del lenguaje, con nuevos cambios que se añadirán de forma consistente en el futuro. De hecho, algunos de los elementos de la lista de abajo han sido añadidos al idioma mucho después de ese impulso inicial en 2010!
  Las etiquetas HTML5
TagExplanation  Anchor or link AbbreviationAddress or authors of the document Third level headline

;Encabezado de cuarto nivel Encabezado de quinto nivel Encabezado de sexto nivel Encabezado de sexto nivel Encabezado de página Encabezado de grupo Encabezado de grupo Regla horizontalhtml>  elemento raíz de una página Web  cursiva estilo de texto  iframe   Inline frame  Imagen  Imagen  Entrada de formulario de entrada  elemento de formulario de entrada  tipo de entrada  >Checkbox form elementColor inputDate inputGlobal date and time inputLocal date and time inputEmail address inputFile upload form elementHidden form field elementImage form elementYear and month inputNumber inputElemento de formulario de contraseñaElemento de formulario de botón de radioEntrada de número imprecisoElemento de formulario de botón de reinicioCampo de búsquedaelemento de formulario de botón de envío< elemento de formulario de envío<>input type="tel">Entrada de número de teléfonoElemento del campo de textoEntrada de tiempo Insertado Texto a introducir por el usuario Generar claves seguras para la gestión de certificados Etiqueta de formulario Leyenda de formulario Leyenda de campo de formulario Leyenda de campo de formulario Enlace a documentos relacionadosMain area of content on a page Main area of content on a page Main area of content on a page Main area of content on a page Main area of content on a page Mapa del lado del cliente Marked or highlighted text Menu List of Comandos Meta information about the documentDefinir es un área con enlaces de navegación. Contenido cuando los scripts no están disponibles. Objetos no estándar. Objetos no estándar;optgroup Grupo de opciones en una lista de selección Opción en una lista de selección Resultado de un cálculo de formulario Párrafo Párrafo Párrafo Párrafo Párrafo Parámetros de un elemento objeto Texto preformateado Indicador de progreso Cita corta entre paréntesis de Rubí Rubí;Strikeout textVídeo o película incrustados en la página