Maison >interface Web >tutoriel HTML >Que signifie la balise span html ? Explication détaillée de la fonction de la balise span
Que signifie la balise span html ? Explication détaillée de la fonction de la balise span
- 寻∝梦original
- 2018-08-22 13:58:2958589parcourir
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>
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;
}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 Voici des exemples : Par exemple : 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 : É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] Quel est le rôle de la balise html em ? La différence entre les balises et <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><span id='span_slide_container' style='display:block; overflow-y: auto; overflow-x: auto; height: 500px;'>
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!