Latest web development tutorials

atributo de clase HTML

Atributos HTML Global Atributos HTML Global

Ejemplos

Utilice el atributo de clase en un documento HTML:

<! DOCTYPE html>
<Html>
<Head>
<Charset Meta = "UTF-8">
<Title> Este tutorial (w3big.com) </ title>
<Style>
h1.intro {color: blue;}
p.important {color: green;}
</ Style>
</ Head>
<Cuerpo>

<Clase H1 = "intro"> la partida 1 </ h1>
<P> párrafos. </ P>
<P class = "importante"> Nota: Este es un punto muy importante. :) </ P>

</ Body>
</ Html>

Trate »

Hay más ejemplos más adelante en este capítulo.

Soporte para el navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Todos los principales navegadores soportan atributo de clase


Definición y Uso

atributo de clase define el nombre de la clase del elemento.

propiedad de clase se suele utilizar para apuntar a una clase de estilo. Sin embargo, también se puede utilizar en JavaScript (a través del HTML DOM), para modificar el nombre de la clase de elementos HTML.


Diferencias entre HTML 4.01 y HTML5

En HTML5, los atributos de clase se puede utilizar para cualquier elemento HTML (que verificará que cualquier elemento HTML, pero no necesariamente útil).

En HTML 4.01, los atributos de clase no se pueden utilizar: <base>, <head>, <html>, <meta>, <param>, <script>, <style> y <title>.


gramática

<Clase de elemento= "classname">

propiedad Valor

valor descripción
nombre_clase En él se especifica el nombre del elemento de clase. Para un elemento para definir una pluralidad de clases, nombres de clases separadas por espacios. <Span class = "left importante">. Elemento HTML permite el uso de múltiples clases.

Nombre reglas:

  • Debe comenzar con una letra AZ o az
  • Los siguientes caracteres pueden ser: (A-Za-z), números (0-9), la barra ( "-") y el guión bajo ( "_")
  • En HTML, el nombre de clase entre mayúsculas y minúsculas


Ejemplos

más ejemplos

Añadir varias clases de elementos
elementos HTML cómo agregar varias clases.


Atributos HTML Global Atributos HTML Global