SPAN和DIV,Class與ID的區別匯總

2024-07-11 08:24:51

字體：大中小

來源：轉載

供稿：網友

SPAN 和 DIV 的區別
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>
------------------------------------------------------------CLASS和ID的區別
在樣式表定義一個樣式的時候，可以定義id也可以定義class。
　　1、在CSS文件里書寫時，ID加前綴“#”；CLASS用“.”
　　2、id一個頁面只可以使用一次；
　　　class可以多次引用。
　　3、ID是一個標簽，用于區分不同的結構和內容，就象名字，如果一個屋子有2個人同名，就會出現混淆；
　　　 CLASS是一個樣式，可以套在任何結構和內容上，就象一件衣服；
　　4、從概念上說就是不一樣的：
　　　id是先找到結構/內容，再給它定義樣式；
　　　class是先定義好一種樣式，再套給多個結構/內容。
　　目前的瀏覽器還都允許用多個相同ID，一般情況下也能正常顯示，不過當你需要用JavaScript通過id來控制div時就會出現錯誤。
看完本文后,您還可以看：
css教程：網頁中Span和Div的區別

上一篇：xhtml css網頁制作中問題解決的方式

下一篇：CSS網頁布局:網頁頁面結構化