Manual de referencia HTML

Glosario de etiquetas HTML

Atributo class de HTML

El valor de la propiedad de atributo global class es una lista de nombres de clase (clases) del elemento separados por espacio, lo que permite a CSS y Javascript seleccionar y acceder a elementos específicos a través de selectores de clase (class selectors) o métodos DOM (document.getElementsByClassName).

Atributos globales de HTML

Ejemplo en línea

Uso de la propiedad class en un documento HTML:

Ejemplo

<!DOCTYPE html>
<html
<head
<meta charset="utf-8">　
<title>Base Tutorial Web(oldtoolbag.com)</title>/title>
<style
h1.intro {
　　　　color: azul;
}
p.important {
　　　　color: verde;
}
</style>
</head>
<body
<h1　class="intro">Encabezado　1</h1>
<p>Un párrafo.</p>
<p class="important">Tenga en cuenta que este es un párrafo importante. :)</p>
</body>
</html>

Prueba esto ‹/›

A pesar de que no hay requisitos específicos para el nombre de class, los desarrolladores web deben usar nombres que expresen el propósito semántico del elemento, en lugar de describir cómo se presenta el elemento (incluso si un elemento es itálico, el nombre de class no debería ser italics). Los nombres semánticos son lógicos incluso cuando se cambia la presentación de la página.

Compatibilidad del navegador

IEFirefoxOperaChromeSafari

Todos los navegadores principales admiten la propiedad class

Definición y uso

La propiedad class define el nombre de la clase del elemento.

La propiedad class asigna una o más nombres de clase a un elemento.

La propiedad class se utiliza generalmente para apuntar a una hoja de estilo. Sin embargo, JavaScript también puede usarla (a través de HTML DOM) para cambiar los elementos HTML que tienen una clase específica.

HTML 4.01 con HTML5las diferencias

En HTML5 En, la propiedad class se puede usar para cualquier elemento HTML (lo que haría Validar cualquier elemento HTML. Pero no necesariamente útil).

En HTML 4.01 En, la propiedad class no se puede usar para: <base>, <head>, <html>, <meta>, <param>, <script>, <style> y <title>.

Sintaxis

　　 <elemento>

Valor del atributo

Valor	Descripción
classname	Se especifica el nombre de la clase del elemento. Si se desea especificar múltiples clases para un elemento, se separan los nombres de las clases con espacios. <span>. Los elementos HTML permiten usar múltiples clases. Reglas de nombre: Debe comenzar con la letra A-Z o a-z al inicio Pueden ser los siguientes caracteres: (A-Za-, número (0-9, raya ("-")-, y subrayado ("_") En HTML, los nombres de clase son sensibles a mayúsculas y minúsculas

Más ejemplos

Agregar múltiples clases a un elemento
¿Cómo agregar múltiples clases en un elemento HTML?

Atributos globales de HTML

HTML: <template> etiqueta