HTML的<div>
和<span>
標籤是一個容器用來群組元素,建立網頁的版面配置。這兩個標籤本身沒有預設樣式,就像是一個透明的方框,需要使用CSS樣式來格式化容器標籤。
許多的網頁設計都是採用<div>
標籤與<span>
標籤搭配設計,用div標籤做大範圍的排版,再用<span>
標籤進行細部美化。
<div>
標籤一組標準的 HTML div標籤是由一個開頭<div>
標籤與一個結束</div>
標籤所組成,在這其間被包起來的部份就是區塊內容,像是文字、圖片等等。<div>
標籤可以將HTML網頁不同的部分組合在一起,建立網頁結構,它可以定義一個長方形區塊與使用CSS樣式格式化群組元素。
<span>
標籤一組標準的HTML span標籤是由一個開頭<span>
標籤與一個結束</span>
標籤所組成,標籤內可以放入一些設定用的東西,像是class 用來標示特定class 名稱,style用來宣告span標籤的樣式。<span>
標籤也是用來群組元素,但要注意的是,這是單行元素,所以並不會建立區塊,也就是換行。
今天的分享就先到這邊啦!我們明天見~
參考網站資料:
https://www.wibibi.com/info.php?tid=HTML_div_%E6%A8%99%E7%B1%A4
https://www.webtech.tw/info.php?tid=HTML_span_%E6%A8%99%E7%B1%A4%E7%94%A8%E6%B3%95
參考書籍資料:
文科生也可以輕鬆學習網路爬蟲