HTML class Attribute

Exemplu

Utilizați din class atribut într - un document 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>

Încearcă - l singur »

Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.

Definiție și utilizare

class atribut specifică una sau mai multe classnames pentru un element.

class atribut este folosit în principal pentru a indica o clasă într - o foaie de stil. Cu toate acestea, ea poate fi , de asemenea , utilizat de un JavaScript (via the HTML DOM) pentru a face modificări la elementele HTML cu o clasă specificată.

Suport pentru browser-

Atribut
class	da	da	da	da	da

Diferențe între HTML 4.01 și HTML5

În HTML5, class atribut poate fi folosit pe any element HTML (va valida pe orice element HTML. Cu toate acestea, nu este neapărat util).

In HTML 4.01, class atribut nu poate fi utilizat cu: <base>, <head>, <html>, <meta>, <param>, <script>, <style> și <title> .

Sintaxă

< Valorile atributelor

Valoare	Descriere
classname	Specifică unul sau mai multe nume de clase pentru un element. Pentru a specifica mai multe clase, separați numele de clasă cu un spațiu, de exemplu , <span class="left important"> . Acest lucru vă permite să combinați mai multe clase CSS pentru un element HTML. Naming reguli: Trebuie să înceapă cu o literă AZ sau az Poate fi urmat de: litere (A-Za-z) , cifre (0-9) , cratime ("-") , și caractere de subliniere ("_") In HTML, toate valorile sunt sensibile la majuscule

Valoare

Descriere

classname

Specifică unul sau mai multe nume de clase pentru un element. Pentru a specifica mai multe clase, separați numele de clasă cu un spațiu, de exemplu , <span class="left important"> . Acest lucru vă permite să combinați mai multe clase CSS pentru un element HTML.

Naming reguli:

Trebuie să înceapă cu o literă AZ sau az
Poate fi urmat de: litere (A-Za-z) , cifre (0-9) , cratime ("-") , și caractere de subliniere ("_")
In HTML, toate valorile sunt sensibile la majuscule

Mai multe exemple

Exemplu

Adăugați mai multe clase de la un singur element 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>

Încearcă - l singur »