Atributos Globales

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.

1. ID

Especifica un nombre unico de identificacion 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>

Hola mundo

2. CLASS

Especifica una o mas identificadores multiples, principalmente para acciones con CSS y JavaScript.

<p class=tip>Este es el parrafo</p>

Se puede acceder a este elemento a traves del selector de clase de CSS (punto) o el metodo Document.getElementsByClassName() en JavaScript.

3. STYLE

Añade declaracion CSS, para alterar el estilo particular de un elemento.

<p STYLE="color:blue;">Este es un parrafo azul.</p>

4. TITLE

Especifica una informacion extra de asesoramiento sobre el elemento que aparece como tooltip cuando posas el puntero del raton sobre el elemento.

<p TITLE="El mejor manual HTML gratis en español">Manual HTML</p>

Manual HTML

5. CONTEXTMENU

Es el ID para un campo tipo MENU de un elemento.

6. HIDDEN

Para esconder un elemento.

<p hidden>Este parrafo no se ve.</p>

7. DRAGGABLE

Especifica si un elemento puede o no ser arratrado. true|false|auto

Valores atributo DRAGGABLE
ValorDescripcion
trueEspecifica que elemento es arrastrable
falseEspecifica que elemento NO es arrastrable
autoUsa la omision 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 parrafo es arrastrable. Arrastralo al rectangulo superior.

Los enlaces e imagenes son DRAGGALES por omision.

8. DROPZONE

Resulta en una copia del elemnto arrastrado. copy|move|link.

Valores atributo DRAGGABLE
ValorDescripcion
copyEl elemento arrastrado es copiado
moveEl elemento arrastrado es movido
linkEl elemento arrastrado resulta en un enlace al dato original
<div DROPZONE=copy></div>

Aun no soportado por ningun navegador.

9. TABINDEX

Especifica el orden del elemento al hacer tab. Valores enteros.

<a href=#top tabindex=1>Arriba</a>

10. SPELLCHECK

Especifica si los elementos pueden ser traducidos o no. yes|no

<INPUT TYPE=text SPELLCHECK=yes>

11. ACCESSKEY

Genera un acceso de teclado para el elemento actual. Proporciona una lista de caracteres, separados por espacio.

12. DIR

Define la direccion del texto del elemento. Valores: ltr|rtl|auto.