HTML <span> 标签
摘要:<span> 标签被用来组合文档中的行内元素
浏览器支持
所有浏览器都支持 <span> 标签。
定义和用法
<span> 标签被用来组合文档中的行内元素。
HTML 与 XHTML 之间的差异
NONE
提示和注释:
提示:请使用 <span> 来组合行内元素,以便通过样式来格式化它们。
注释:span 没有固定的格式表现。当对它应用样式时,它才会产生视觉上的变化。
例子
例子解释
如果不对 span 应用样式,那么 span 元素中的文本与其他文本不会任何视觉上的差异。尽管如此,上例中的 span 元素仍然为 p 元素增加了额外的结构。
可以为 span 应用 id 或 class 属性,这样既可以增加适当的语义,又便于对 span 应用样式。
可以对同一个 <span> 元素应用 class 或 id 属性,但是更常见的情况是只应用其中一种。这两者的主要差异是,class 用于元素组(类似的元素,或者可以理解为某一类元素),而 id 用于标识单独的唯一的元素。
提示:事实上,您也许已经注意到了,W3School 站点上有一些文本的样式与其他文本是不同的。比如“提示”使用了粗体的橘红色。尽管实现这种效果的方法非常多,但是我们的做法是:使用“提示”使用 span 元素,然后对这个 span 元素的父元素,即 p 元素应用 class,这样就可以对这个类的子元素 span 应用相应的样式了。
HTML:
CSS:
全局属性
<span> 标签支持 HTML 中的全局属性。
事件属性
<span> 标签支持 HTML 中的事件属性。
所有浏览器都支持 <span> 标签。
定义和用法
<span> 标签被用来组合文档中的行内元素。
HTML 与 XHTML 之间的差异
NONE
提示和注释:
提示:请使用 <span> 来组合行内元素,以便通过样式来格式化它们。
注释:span 没有固定的格式表现。当对它应用样式时,它才会产生视觉上的变化。
例子
代码
<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 class="tip"><span>提示:</span>... ... ...</p>
代码
p.tip span { font-weight:bold; color:#ff9955; }
<span> 标签支持 HTML 中的全局属性。
事件属性
<span> 标签支持 HTML 中的事件属性。
相关文章
html标题快速浏览101
- HTML 参考手册
- HTML 全局属性
- HTML 事件属性
- HTML 视频/音频
- HTML 颜色名
- HTML 字符集
- HTML ASCII
- HTML ISO-8859-1
- HTML 符号
- HTML URL 编码
- HTML 语言代码
- HTTP 消息
- HTTP 方法
- HTML <!--...-->标签
- HTML <!DOCTYPE> 标签
- HTML <a> 标签
- HTML <abbr> 标签
- HTML <acronym> 标签
- HTML <address> 标签
- HTML <applet> 标签
- HTML <area> 标签
- HTML <b> 标签
- HTML <base> 标签
- HTML <basefont> 标签
- HTML <bdo> 标签
- HTML <big> 标签
- HTML <blockquote> 标签
- HTML <body> 标签
- HTML <br> 标签
- HTML <button> 标签
- HTML <caption> 标签
- HTML <center> 标签
- HTML <cite> 标签
- HTML <code> 标签
- HTML <col> 标签
- HTML <colgroup> 标签
- HTML <dd> 标签
- HTML <del> 标签
- HTML <dir> 标签
- HTML <div> 标签
- HTML <dfn> 标签
- HTML <dl> 标签
- HTML <dt> 标签
- HTML <em> 标签
- HTML <fieldset> 标签
- HTML <font> 标签
- HTML <form> 标签
- HTML <frame> 标签
- HTML <frameset> 标签
- HTML <h1> 到 <h6> 标签
- HTML <head> 标签
- HTML <hr> 标签
- HTML <html> 标签
- HTML <i> 标签
- HTML <iframe> 标签
- HTML <img> 标签
- HTML <input> 标签
- HTML <ins> 标签
- HTML <kbd> 标签
- HTML <label> 标签
- HTML <legend> 标签
- HTML <li> 标签
- HTML <link> 标签
- HTML <map> 标签
- HTML <menu> 标签
- HTML <menuitem> 标签
- HTML <meta> 标签
- HTML <noframes> 标签
- HTML <noscript> 标签
- HTML <object> 标签
- HTML <ol> 标签
- HTML <optgroup> 标签
- HTML <option> 标签
- HTML <p> 标签
- HTML <param> 标签
- HTML <pre> 标签
- HTML <q> 标签
- HTML <s> 标签
- HTML <samp> 标签
- HTML <script> 标签
- HTML <select> 标签
- HTML <small> 标签
- HTML <span> 标签
- HTML <strike> 标签
- HTML <strong> 标签
- HTML <style> 标签
- HTML <sub> 标签
- HTML <sup> 标签
- HTML <table> 标签
- HTML <tbody> 标签
- HTML <td> 标签
- HTML <textarea> 标签
- HTML <tfoot> 标签
- HTML <th> 标签
- HTML <thead> 标签
- HTML <title> 标签
- HTML <tr> 标签
- HTML <tt> 标签
- HTML <u> 标签
- HTML <ul> 标签
- HTML <var> 标签
相关文章