DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> 關於CSS >> span div p 之間的不同區別
span div p 之間的不同區別
編輯:關於CSS     

HTML只是賦予內容的手段,大部分HTML標簽都有其意義(標簽p創建段落,h1標簽創建標題等等)的,然而span和P標簽似乎沒有任何內容上的意義,聽起來就像一個泡沫做成的錘子一樣無用。但實際上,與CSS結合起來後,它們被用得十分廣泛。

它們被用來組合一大塊的HTML代碼並賦予一定的信息,大部分用類屬性class和標識屬性id與元素聯系起來,見CSS中級指南的類和id選擇符。

span和P的不同之處在於span是內聯的,用在一小塊的內聯HTML中,前後不斷行.
P(想想Pision是什麼意思)元素是塊級的(簡單地說,它等同於其前後有斷行),用於組合一大塊的代碼。
p(段落)元素是塊級的,前後斷行,而且還要再隔一行.相當於斷兩行.

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

在實踐中,P,特別是span不應該濫用,盡管有其他相左的意見。比如,你要強調單詞“crazy”和加粗類“paper”,可能會用這樣的代碼:

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

這是做法比再加一個span比較好。

你所需要記住的是,span和P 是“無意義”的標簽。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved