Que signifie la balise span html ? Explication détaillée de la fonction de la balise span-tutoriel HTML-php.cn

Que signifie la balise html span ? Cet article vous présentera la fonction de la balise span, comment utiliser la balise span html et les attributs de la balise span html Jetons un coup d'œil aux détails de cet article

Le. définition et fonction de la balise span html :

La balise span est une balise en ligne du langage Hypertext Markup Language (HTML), qui est utilisée pour combiner des éléments en ligne dans le document. span n'a pas de format fixe. Lorsqu’un style lui est appliqué, cela crée un changement visuel. La balise

elle-même ne produit aucun effet visuel.

Cela vous permet simplement de référencer une partie du document.

De cette façon, vous pouvez citer des parties de texte et les styliser ou les manipuler avec JavaScript. La balise

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

Voici un 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 dans l'élément span ne le sera pas avoir un lien visuel avec un autre texte. 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><span>提示：</span>... ... ...</p>
CSS:
p.tip span {
font-weight:bold;
color:#ff9955;
}

Copier après la connexion

Comment utiliser la balise html span :

;span> Plusieurs zones pour obtenir un effet spécifique. lui-même n'a aucune propriété. et

appartiennent à un élément en ligne dans la définition CSS, tandis que

est un grand conteneur, bien sûr, un grand conteneur peut contenir un petit conteneur,

Voici des exemples :

<html><body><script>
function setspan{if( id==1){a.innerText="设置文字"};
if( id==2){a.innerHTML="<font color=red size=7>设置代码</font>"};}
</script><span id=a></span>
<a href=javascript:setspan(1)>设置span的文字</a></br>
<a href=javascript:setspan(2)>设置span的代码</a></br>
</body></html>

Copier après la connexion

Par exemple :

<span id=&#39;span_slide_container&#39; style=&#39;display:block; overflow-y: auto; overflow-x: auto; height: 500px;&#39;>

Copier après la connexion

Display:block doit être ajouté ici, sinon span ne fonctionnera pas

Si vous souhaitez définir la balise span pour qu'elle soit centrée, vous devez d'abord afficher la travée en tant qu'élément de niveau bloc, c'est-à-dire que vous devez d'abord définir l'attribut display:block de la travée, puis ajouter la marge. attribut margin:0px auto; à la durée. De cette façon, vous pouvez obtenir l'effet souhaité. Il existe de nombreux attributs de span. Presque tous les attributs de balise peuvent être définis sur span. Cependant, de nombreux attributs doivent prendre effet lorsque span est transformé en un élément de niveau bloc, c'est simplement pour compléter la fonction d'une balise. balise auxiliaire et n'est généralement utilisée que pour identifier le style du texte, donc si vous souhaitez définir d'autres attributs de style pour les balises span, vous devez d'abord ajouter des attributs de niveau bloc à span, c'est-à-dire ajouter l'attribut display:block ; , afin qu'à l'avenir votre style fonctionne

Les attributs principaux de la balise html span :

La colonne DTD indique quel type de document prend en charge cet attribut. S=Strict, T=Transitionnel, F=Frameset. La balise

prend en charge les attributs de base suivants :

Que signifie la balise span html ? Explication détaillée de la fonction de la balise span

Écrivez un après elle et vous pouvez ajouter des styles à volonté.

le style n'est qu'un attribut de span. Parmi eux, l'attribut d'action de la souris ne répertorie que le clic, et il existe de nombreux autres attributs d'action de la souris.

Contenu du texte

Conseils et notes :

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

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

Ce qui précède est une explication détaillée de la signification, de la fonction et de l'utilisation de la balise span html. Si vous avez des questions, veuillez les poser ci-dessous.

[Recommandations associées]

Comment définir le style de police pour la balise de police html ? Comment contrôler la taille du texte en utilisant CSS

Quel est le rôle de la balise html em ? La différence entre les balises et

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：

html span

source：php.cn

Article précédent：Comment effacer le flotteur ? En html : Implémentation de la méthode d'effacement des éléments flottants du pseudo-élément after (code) Article suivant：Que signifie la balise de style HTML ? Explication détaillée sur la façon d'utiliser la balise de style

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

Derniers articles par auteur