Maison > interface Web > tutoriel HTML > Quel est l'attribut de classe en HTML5

Quel est l'attribut de classe en HTML5

青灯夜游
Libérer: 2023-02-17 16:56:29
original
7785 Les gens l'ont consulté

En HTML5, l'attribut class peut définir le nom de classe de l'élément. Il est souvent utilisé pour pointer vers la classe de la feuille de style (sélecteur de classe). Il peut également être utilisé en JavaScript pour modifier la classe. nom de l'élément HTML et modifier le style; syntaxe Format "<element class="classname">". <element class="classname">

Quel est l'attribut de classe en HTML5

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur Dell G3.

Attribut de classe HTML5

L'attribut de classe définit le nom de classe de l'élément. L'attribut

class est généralement utilisé pour pointer vers la classe d'une feuille de style (c'est-à-dire le sélecteur CSS .class). Cependant, il peut également être utilisé en JavaScript (via le DOM HTML) pour modifier le nom de classe d'un élément HTML.

Syntaxe

<element class="classname">
Copier après la connexion

classname : Spécifie le nom de la classe de l'élément. Pour spécifier plusieurs classes pour un élément, séparez les noms de classe par des espaces. . Plusieurs classes sont autorisées pour les éléments HTML.

Règles de nom :

  • doit commencer par les lettres A-Z ou a-z

  • peut être les caractères suivants : (A- Za- z), chiffres (0-9), barres ("-") et traits de soulignement ("_")

  • En HTML, les noms de classe sont sensibles à la casse

Exemple :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style>
.center
{
	text-align:center;
}
</style>
</head>

<body>
<h1 class="center">标题居中</h1>
<p class="center">段落居中。</p> 
</body>
</html>
Copier après la connexion

Rendu :

Quel est lattribut de classe en HTML5

[Tutoriel recommandé : "Tutoriel vidéo html》 】

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal