網頁制作Webjx文章簡介：SPAN和DIV,Class與ID的區別匯總。

SPAN 和 DIV 的區別在于，DIV(division)是一個塊級元素，可以包含段落、標題、表格，乃至諸如章節、摘要和備注等。而SPAN 是行內元素，SPAN 的前后是不會換行的，它沒有結構的意義，純粹是應用樣式，當其他行內元素都不合適時，可以使用SPAN。

<span>SPAN標記有一個重要而實用的特性，即它什么事也不會做，</span><span>它的唯一目的就是圍繞你的HTML代碼中的其它元素，這樣你就可以為它們指定樣式了。在此例中，</span><span>標識符允許你將一個段落分成不同的部分。</span>

<div>還有一個標識符具有類似的功能，DIV也被用來在HTML文件中建立邏輯部分。</div><div>但與SPAN不同，工作于文本塊一級，</div><div>它在它所包含的HTML元素的前面及后面都引入了行分隔。</div>

------------------------------------------------------------

在樣式表定義一個樣式的時候，可以定義id也可以定義class。

　　1、在CSS文件里書寫時，ID加前綴“#”；CLASS用“.”

　　2、id一個頁面只可以使用一次；

　　　class可以多次引用。

　　3、ID是一個標簽，用于區分不同的結構和內容，就象名字，如果一個屋子有2個人同名，就會出現混淆；

　　　 CLASS是一個樣式，可以套在任何結構和內容上，就象一件衣服；

　　4、從概念上說就是不一樣的：

　　　id是先找到結構/內容，再給它定義樣式；

　　　class是先定義好一種樣式，再套給多個結構/內容。

　　目前的瀏覽器還都允許用多個相同ID，一般情況下也能正常顯示，不過當你需要用JavaScript通過id來控制div時就會出現錯誤。

看完本文后,您還可以看：

css教程：網頁中Span和Div的區別