HTML class Attribute

Ejemplo

Use de la class de atributo en un documento HTML:

<html>
<head>
<style>
h1.intro {
color: blue;
}

p.important {
color: green;
}
</style>
</head>
<body>

<h1 class="intro">Header 1</h1>
<p>A paragraph.</p>
<p class="important">Note that this is an important paragraph. :)</p>

</body>
</html>

Inténtalo tú mismo "

Más "hacerlo por uno mismo" ejemplos a continuación.

Definición y Uso

La class atributo especifica uno o más nombres de las clases de un elemento.

La class atributo se utiliza sobre todo para que apunte a una clase en una hoja de estilo. Sin embargo, también puede ser utilizado por un JavaScript (a través del HTML DOM) para hacer cambios en los elementos HTML con una clase especificada.

Soporte para el navegador

Atributo
class	Sí	Sí	Sí	Sí	Sí

Diferencias entre HTML 4.01 y HTML5

En HTML5, la class atributo se puede utilizar encualquier elemento HTML (se valida en cualquier elemento HTML. Sin embargo, no es necesariamente útil).

En HTML 4.01, la class atributo no se puede utilizar con: <base>, <head>, <html>, <meta>, <param>, <script>, <style> y <title> .

Sintaxis

<elementclass="classname">

Los valores de atributo

Valor	Descripción
classname	Especifica uno o más nombres de clase de un elemento. Para especificar varias clases, separar los nombres de las clases con un espacio, por ejemplo, <span class="left important"> . Esto le permite combinar varias clases CSS de un elemento HTML. Las reglas de nomenclatura: Debe comenzar con una letra AZ o az Puede ser seguido por: letras (A-Za-z) , números (0-9) , guiones ("-") y guiones bajos ("_") En HTML, todos los valores son sensibles a mayúsculas

Valor

Descripción

classname

Especifica uno o más nombres de clase de un elemento. Para especificar varias clases, separar los nombres de las clases con un espacio, por ejemplo, <span class="left important"> . Esto le permite combinar varias clases CSS de un elemento HTML.

Las reglas de nomenclatura:

Debe comenzar con una letra AZ o az
Puede ser seguido por: letras (A-Za-z) , números (0-9) , guiones ("-") y guiones bajos ("_")
En HTML, todos los valores son sensibles a mayúsculas

Más ejemplos

Ejemplo

Añadir varias clases a un elemento HTML:

<!DOCTYPE html>
<html>
<head>
<style>
h1.intro {
    color: blue;
    text-align: center;
}

.important {
    background-color: yellow;
}
</style>
</head>
<body>

<h1 class="intro important">Header 1</h1>
<p>A paragraph.</p>

</body>
</html>

Inténtalo tú mismo "