HTML中的div和span
阿新 • • 發佈：2020-08-15
div和span
1、div和span都可以稱為“圖層“。
2、圖層的作用是為了保證頁面可以靈活的佈局。相當於“盒子”。
3、div和span是可以定位的，只要確定div的左上角的x軸和y軸座標即可。
4、最早的網頁是採用table進行佈局（不靈活，太死板），現代的網頁開發中div佈局使用最多。
5、div和span的區別？
div獨自佔用一行（預設情況下，瀏覽器通常會在其後放置一個換行符）；span不會獨自佔用一行。
div
1、<div>標籤定義HTML文件中的一個分隔區塊或者一個區域部分。
2、<div>標籤常用於組合塊級元素，以便通過CSS來對這些元素進行格式化。
3、可以對同一個<div>
4、為了避免麻煩，可以不必為每一個
<div>標籤都加上class或id屬性。
span
1、<span>元素是無語義的行內元素，它可以對元素進行分組，使它們以不同的樣式顯示。
2、<span>標籤沒有固定的格式表現。當對它應用樣式時，它才會產生視覺上的變化。如果不對<span>應用樣式，那麼<span>元素中的文字與其他文字不會任何視覺上的差異。
3、<span>標籤提供了一種將文字的一部分或者文件的一部分獨立出來的方式。
4、可以對同一個<span>
5、被
<span>元素包含的文字，可以使用CSS對它定義樣式，或者使用JavaScript對它進行操作。
程式碼示例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>HTML中的div和span</title> </head> <body> <div id="mydiv" style="color: blue"> <h3>這是一個在 div 元素中的標題。</h3> <p>這是一個在 div 元素中的文字。</p> </div> <p> 這是一個 <span id="myspan" style="color: red"> 紅色的span </span> 標籤 </p> </body> </html>