Los atributos globales son atributos comunes a todos los elementos HTML. Pueden usarse en todos los elementos, aunque pueden no tener efecto en algunos de ellos.
<XXX HIDDEN>...</XXX>
En el ejemplo anterior aunque XXX no es ninguna etiqueta HTML valida, aun asi el contenido sera escondido.
Especifica un nombre único de identificación en todo el documento, principalmente para acciones con CSS o JavaScript.
<h1 id=miH1>Hola mundo</h1>
<button onclick="displayResult()">Cambia texto</button>
<script>
function displayResult() {
document.getElementById("miH1").innerHTML = "Que tengas un buen dia";
}
</script>
Especifica una o mas identificadores múltiples, principalmente para acciones con CSS y JavaScript.
<p class=tip>Este es el párrafo</p>
Se puede acceder a este elemento a través del selector de clase de CSS (punto) o el método Document.getElementsByClassName() en JavaScript.
Añade declaración CSS, para alterar el estilo particular de un elemento.
<p STYLE="color:blue;">Este es un párrafo azul.</p>
Especifica una información extra de asesoramiento sobre el elemento que aparece como tooltip cuando posas el puntero del ratón sobre el elemento.
<p TITLE="El mejor manual HTML gratis en español">Manual HTML</p>
Manual HTML
Es el ID para un campo tipo MENU de un elemento.
Para esconder un elemento.
<p hidden>Este párrafo no se ve.</p>
Especifica si un elemento puede o no ser arrastrado. true|false|auto
| Valor | Descripción |
|---|---|
| true | Especifica que elemento es arrastrable |
| false | Especifica que elemento NO es arrastrable |
| auto | Usa la omisión del navegador |
<p ondrop="drop(event)" ondragover="allowDrop(event)" style="padding:10px;border:1px solid red">Aqui</p> <p id=drag draggable=true ondragstart="drag(event)">Este parrafo es arrastrable. Arrastralo al rectangulo superior.</p>
Aqui
Este párrafo es arrastrable. Arrastralo al rectángulo superior.
Los enlaces e imágenes son DRAGGALES por omisión.
Resulta en una copia del elemento arrastrado. copy|move|link.
| Valor | Descripción |
|---|---|
| copy | El elemento arrastrado es copiado |
| move | El elemento arrastrado es movido |
| link | El elemento arrastrado resulta en un enlace al dato original |
<div DROPZONE=copy></div>
Aun no soportado por ningún navegador.
Especifica el orden del elemento al hacer tab. Valores enteros.
<a href=#top tabindex=1>Arriba</a>
Especifica si los elementos pueden ser traducidos o no. yes|no
<INPUT TYPE=text SPELLCHECK=yes>
Genera un acceso de teclado para el elemento actual. Proporciona una lista de caracteres, separados por espacio.
Define la dirección del texto del elemento. Valores: ltr|rtl|auto.