HTML <span>标签
定义和用法
<span>标签被用来组合文档中的行内元素。
HTML与XHTML之间的差异
NONE
提示和注释
提示请使用<sp an>来组合行内元素 以便通过样式来格式化它们。
注释 span没有固定的格式表现。当对它应用样式时它才会产生视觉上的变化。
例子
<p><span>some text.</span>some other text. </p>
例子解释
如果不对span应用样式那么span元素中的文本与其他文本不会任何视觉上的差异。尽管如此上例中的span元素仍然为p元素增加了额外的结构。可以为span应用id或c lass属性这样既可以增加适当的语义又便于对span应用样式。
可以对同一个<span>元素应用class或id属性但是更常见的情况是只应用其中一种。这两者的主要差异是 class用于元素组类似的元素或者可以理解为某一类元素 而id用于标识单独的唯一的元素。
提示事实上您也许已经注意到了W3School站点上有一些文本的样式与其他文本是不同的。比如“提示”使用了粗体的橘红色。尽管实现这种效果的方法非常多但是我们的做法是使用“提示”使用span元素然后对这个span元素的父元素即p元素应用class这样就可以对这个类的子元素span应用相应的样式了。
HTML:
<p class="tip"><span>提示 </span>. . . . . . . . . </p>CSS:p. tip span {font-weight:bold;color:#ff9955;
}
春节期间我们很多朋友都在忙着吃好喝好,当然有时候也会偶然的上网看看。对于我们站长用户来说,基本上需要等到初八之后才会开工,现在有空就看看是否有商家的促销。这里看到来自HMBcloud半月湾服务商有提供两款春节机房方案的VPS主机88折促销活动,分别是来自洛杉矶CN2 GIA和日本CN2的方案。八八折优惠码:CNY-GIA第一、洛杉矶CN2 GIA美国原生IP地址、72小时退款保障、三网回程CN2 ...
百纵科技:美国高防服务器,洛杉矶C3机房 独家接入zenlayer清洗 带金盾硬防,CPU全系列E52670、E52680v3 DDR4内存 三星固态盘阵列!带宽接入了cn2/bgp线路,速度快,无需备案,非常适合国内外用户群体的外贸、搭建网站等用途。官方网站:https://www.baizon.cnC3机房,双程CN2线路,默认200G高防,3+1(高防IP),不限流量,季付送带宽美国洛杉矶C...
RAKsmart怎么样?RAKsmart机房即日起开始针对洛杉矶机房的独立服务器进行特别促销活动:低至$76.77/月,最低100Mbps带宽,最高10Gbps带宽,优化线路,不限制流量,具体包括有:常规服务器、站群服务器、10G大带宽服务器、整机机柜托管。活动截止6月30日结束。RAKsmart,美国华人老牌机房,专注于圣何塞服务器,有VPS、独立服务器等。支持PayPal、支付宝付款。点击直达...