Maison > interface Web > tutoriel HTML > le corps du texte

La fonction de la balise span

藏色散人
Libérer: 2020-03-03 09:32:20
original
10535 Les gens l'ont consulté

La fonction de la balise span

Le rôle de la balise span

Recommandé : "tutoriel HTML"

Définition et utilisation

La balise est utilisée pour regrouper les éléments en ligne dans un document.

Conseils et remarques :

Conseil : utilisez pour regrouper les éléments en ligne afin de les formater avec des styles.

Remarque : span n'a pas de représentation au format fixe. Cela ne change visuellement que lorsque vous lui appliquez un style.

Exemple

<p><span>some text.</span>some other text.</p>
Copier après la connexion

Explication de l'exemple

Si aucun style n'est appliqué à span, le texte de l'élément span ne sera pas visuellement différent des autres textes. Néanmoins, l'élément span dans l'exemple ci-dessus ajoute une structure supplémentaire à l'élément p.

Vous pouvez appliquer des attributs d'identification ou de classe aux travées, ce qui peut ajouter une sémantique appropriée et faciliter l'application de styles aux travées.

Il est possible d'appliquer des attributs class ou id au même élément , mais il est plus courant de n'en appliquer qu'un seul. La principale différence entre les deux est que class est utilisé pour des groupes d'éléments (éléments similaires ou peut être compris comme un certain type d'éléments), tandis que id est utilisé pour identifier des éléments individuels et uniques.

Conseil : En fait, vous avez peut-être remarqué que certains textes du site W3School sont stylisés différemment des autres textes. Par exemple, les « conseils » sont en orange gras. Bien qu'il existe de nombreuses façons d'obtenir cet effet, notre approche est la suivante : utilisez le "indice" pour utiliser l'élément span, puis appliquez la classe à l'élément parent de l'élément span, c'est-à-dire l'élément p, afin que vous puissiez appliquer span à l'élément enfant de cette classe Style correspondant.

HTML :

<p class="tip"><span>提示:</span>... ... ...</p>
Copier après la connexion

CSS :

p.tip span {
font-weight:bold;
color:#ff9955;
}
Copier après la connexion

Remarque : tous les navigateurs prennent en charge la balise

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
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!