首頁  >  文章  >  web前端  >  大家需要掌握的 html下SPAN和DIV的差別_經驗交流

大家需要掌握的 html下SPAN和DIV的差別_經驗交流

WBOY
WBOY原創
2016-05-16 12:07:321731瀏覽

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

  以下以一個實例來說明這兩個屬性的差異。

  程式碼:

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

  還有一個識別符具有類似的功能,<div>DIV也被用來在HTML檔案中建立邏輯部分。但與<div>SPAN不同,<div>工作於文字區塊一級,它在它所包含的HTML元素的前面及後面都引入了行分隔。

  效果:

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

  還有一個識別碼具有類似的功能, 
DIV也被用來在HTML檔案中建立邏輯部分。但與 
SPAN不同, 
工作於文字區塊一級,它在它所包含的HTML元素的前面及後面都引入了行分隔。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn