泉州V23网络为您的企业打造精品网站:  800元起"网站建设+精美网页设计+搜索引擎推广"服务!! 7*24咨询:13559567956
网站建设客户中心联系我们网站地图
 
V23首页网站制作网站推广域名空间付款方式联系我们
网站建设相关文章

Span 和 Div(译)

(上官无耻)  

Span 和 Div 
绝大多数的HTML标签都是可以顾名思义的,比如 p 代表段落,h1 代表标题,等等,然后 span 和 div 却实在无法从字面上领会什么,其实它们是很有用的,尤其是当它们和 CSS 联合起来的时候。

它们经常用来标记出一块文字或一段 HTML 代码,然后再利用属性 class 和 id 来让这些被标记出来的内容于 CSS 联系起来。

有所不同的是,span 是“行内”级别的,仅仅用来标记小块的文字;而 div 则是“块”级别的,用来标记大段文字或 HTML 代码,就像下面的例子:

<div id="scissors">
<p>This is <span class="paper">crazy</span></p>
</div>

不过 div 和 span 两个标签不应该频繁的使用,尤其是 span ,如果有更合适的替代品就不要使用它们,举个例子,如果你想让下面一段话中的“crazy”以粗体显示并应用一个名为“paper”的样式,那么就没必要加上一个没有实际意义的 span 而应该用 strong 代替,就像这样:

<div id="scissors">
<p>This is <strong class="paper">crazy</strong></p>
</div>

什么?您不知道上文中的 id 和 class 是什么意思嘛?那建议你多了解一些 CSS(层叠样式表)方面的知识吧,它的目前版本是 2.0 ^_^