-
Atributos Globales (aplican a casi todas las etiquetas)
idclassstyletitlelangdirhiddentabindexcontenteditabledraggablespellchecktranslatedata-* (atributos personalizados)- Atributos ARIA (
aria-*)
- Eventos JS (
onclick, onchange, oninput, etc.)
-
1) Estructura raíz
-
<html>
-
<head>
- Sin atributos específicos
-
<body>
- Atributos comunes: eventos globales
-
2) Metadatos
<meta> → charset, name, content, http-equiv<title> → (sin atributos específicos)<link> → rel, href, type, media, hreflang, sizes<style> → media<script> → src, type, defer, async, nomodule
-
3) Texto y semántica
<a> → href, target, download, rel<img> → src, alt, width, height, loading<blockquote> → cite<time> → datetime<ol> → type, start, reversed<li> → value
-
4) Tablas
<table> → border (obsoleto), usar CSS<th> → scope, colspan, rowspan<td> → colspan, rowspan
-
5) Formularios
<form> → action, method, enctype, autocomplete, novalidate<input> → type, name, value, placeholder, required, readonly, disabled, checked, min, max, step, pattern, maxlength<textarea> → rows, cols, maxlength, placeholder<select> → multiple, required, size<option> → value, selected, disabled<button> → type, disabled<label> → for<fieldset> → disabled<meter> → value, min, max, low, high, optimum<progress> → value, max
-
6) Multimedia
<audio> → src, controls, autoplay, loop, muted<video> → src, controls, width, height, poster, autoplay, loop, muted<source> → src, type<track> → kind, src, srclang, label, default<iframe> → src, width, height, allow, loading<canvas> → width, height<svg> → width, height, viewBox