好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

HTML <span> 标签

html <span> 用于对文档中的行内元素进行组合

<span> 标签 没有固定的格式表现

当对它应用样式时,它才会产生视觉上的变化

如果不对 <span> 应用样式,那么 <span> 元素中的文本与其它文本不会任何视觉上的差异。

<span> 标签 提供了一种将文本的一部分或者文档的一部分独立出来的方式

被 <span> 元素包含的文本,可以使用 css 对它定义样式,或者使用 JavaScript 对它进行操作

例子

<p><span>some?text.</span>some?other?text.</p>

例子解释

如果不对 span 应用样式,那么 span 元素中的文本与其他文本不会任何视觉上的差异。尽管如此,上例中的 span 元素仍然为 p 元素 增加 了额外的结构。

可以为 span 应用 id 或 class 属性 ,这样既可以 增加 适当的语义,又便于对 span 应用样式。

可以对同 一个 <span> 元素应用 class 或 id 属性 ,但是更常见的情况是只应用其中一种。这两者的主要差异是,class 用于元素组(类似的元素,或者可以理解为某一类元素),而 id 用于标识单独的唯一的元素。

提示 :事实上,您也许已经注意到了,W3School 站点 上有一些文本的样式与其他文本是不同的。比如“ 提示 ”使用了粗体的橘红色。尽管实现这种 效果 的 方法 非常多,但是我们的做法是:使用“ 提示 ”使用 span 元素,然后对这个 span 元素的父元素,即 p 元素应用 class,这样就可以对这个类的子元素 span 应用相应的样式了。

html:

<p><span> 提示 :</span>...?...?...</p>

css:

p.tip?span?{
	font-weight:bold;
	color:#ff9955;
	}


HTML <strike> 标签 ? ?HTML <source> 标签

查看更多关于HTML <span> 标签的详细内容...

  阅读:37次

上一篇

下一篇

第1节:HTML <!--...--> 注释标签    第2节:HTML <!DOCTYPE> 声明    第3节:HTML <address> 标签    第4节:HTML <abbr> 标签    第5节:HTML <area> 标签    第6节:HTML <a> 标签    第7节:HTML <aside> 标签    第8节:HTML <article> 标签    第9节:HTML <audio> 标签    第10节:HTML <b> 标签    第11节:HTML <base> 标签    第12节:HTML <bdi> 标签    第13节:HTML <bdo> 标签    第14节:HTML <blockquote> 标签    第15节:HTML <caption> 标签    第16节:HTML <cite> 标签    第17节:HTML <button> 标签    第18节:HTML <colgroup> 标签    第19节:HTML <details> 标签    第20节:HTML <del> 标签    第21节:HTML <col> 标签    第22节:HTML <code> 标签    第23节:HTML <command> 标签    第24节:HTML <br/> 标签    第25节:HTML <dd> 标签    第26节:HTML <canvas> 标签    第27节:HTML <body> 标签    第28节:HTML <dialog> 标签    第29节:HTML <datalist> 标签    第30节:HTML <dfn> 标签    第31节:HTML <header> 标签    第32节:HTML <figure> 标签    第33节:HTML <font> 标签    第34节:HTML <footer> 标签    第35节:HTML <head> 标签    第36节:HTML <form> 标签    第37节:HTML <div> 标签    第38节:HTML <dl> 标签    第39节:HTML <dt> 标签    第40节:HTML <em> 标签    第41节:HTML <fieldset> 标签    第42节:HTML <h1> - <h6> 标签    第43节:HTML <html> 标签    第44节:HTML <hr> 标签    第45节:HTML <i> 标签    第46节:HTML <img> 标签    第47节:HTML <input> 标签    第48节:HTML <kbd> 标签    第49节:HTML <embed> 标签    第50节:HTML <figcaption> 标签    第51节:HTML <ins> 标签    第52节:HTML <link> 标签    第53节:HTML <li> 标签    第54节:HTML <meta> 标签    第55节:HTML <map> 标签    第56节:HTML <menu> 标签    第57节:HTML <nav> 标签    第58节:HTML <meter> 标签    第59节:HTML <noscript> 标签    第60节:HTML <keygen> 标签    第61节:HTML <legend> 标签    第62节:HTML <label> 标签    第63节:HTML5 <hgroup>标签    第64节:HTML <option> 标签    第65节:HTML <object> 标签    第66节:HTML5 <mark> 标签    第67节:HTML <ol> 标签    第68节:HTML <pre> 标签    第69节:HTML <s> 标签    第70节:HTML <samp> 标签    第71节:HTML <script> 标签    第72节:HTML <p> 标签    第73节:HTML <param> 标签    第74节:HTML <progress> 标签    第75节:HTML <q> 标签    第76节:HTML <rp> 标签    第77节:HTML <optgroup> 标签    第78节:HTML <output> 标签    第79节:HTML <rt> 标签    第80节:HTML <select> 标签    第81节:HTML <style> 标签    第82节:HTML <textarea> 标签    第83节:HTML <th> 标签    第84节:HTML <tfoot> 标签    第85节:HTML <section> 标签    第86节:HTML <source> 标签    第87节:HTML <span> 标签    第88节:HTML <strong> 标签    第89节:HTML <ruby> 标签    第90节:HTML <small> 标签    第91节:HTML <strike> 标签    第92节:HTML <sub> 标签    第93节:HTML <track> 标签    第94节:HTML <tt> 标签    第95节:HTML <u> 标签    第96节:HTML <ul> 标签    第97节:HTML <var> 标签    第98节:HTML <summary> 标签    第99节:HTML <sup> 标签    第100节:HTML <table> 标签    第101节:HTML <tbody> 标签    第102节:HTML <td> 标签    第103节:HTML <video> 标签    第104节:HTML <wbr> 标签    第105节:HTML <tr> 标签    第106节:HTML <title> 标签    第107节:HTML <time> 标签    第108节:HTML <thead> 标签