整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
今日小知識】：div和span的作用及用法，希望可以幫到正在學習HTML的你噢~~~
一般用于配合css完成網頁基本布局。<div>標簽可定義文檔中的分區或節 。可以把文檔分割為獨立的、不同的部分。它可以用作嚴格的組織工具，并且不使用任何格式與其關聯。如果用 id 或 class 來標記 ，那么該標簽的作用會變得更加有效。class用于元素組（類似的元素，或者可以理解為某一類元素），而id用于標識單獨的唯一的元素。class可以在頁面里面重復使用，id由于在頁面里面只能出現一次，所以不能重復使用，所以盡量用class來寫，這樣能在頁面里面重復引用你寫的css，減小工作量和代碼量。
一般用于配合css修改網頁中的一些局部信息。它其實就是用來組合文檔中的行內元素，也就是將內容放在span標簽之中。span沒有固定的格式表現，如果需要，可以添加屬性來表現形式
1.div標簽會獨占一行，span標簽不會。
2.div是一個容器級別的標簽，span是一個文本級別的標簽。
3.div基本上與span相似，或者說具有span所有的功能，此外還具有span不及的特色。div是一個塊，也就是所謂的"容器"，它具有自己獨立的段落，獨立的標題，獨立的表格。
4.div是一個塊級元素，可以包含段落、標題、表格，乃至諸如章節、摘要和備注等。而span是行內元素，span的前后是不會換行的，它沒有結構的意義，純粹是應用樣式，當其他行內元素都不合適時，可以使用span。
容器級別標簽可以嵌套所有標簽，文本級別標簽只可以嵌套文字/超鏈接/圖片。
div h ul ol dl li dt dd …
span p buis strong em ins del….
希望以上內容可以幫助到在學習HTML的你們噢~~~如有補充可以私聊我噢~~~我們一起學習~~~
iv和span元素沒有特定的語義，都是用來幫助頁面排版的塊元素。
div&&span標簽
div：塊級元素，可定義文檔中的分區或分節，用來為HTML文檔內大塊的內容提供結構和背景。通過在頁面中放置多個div并定義好位置及大小等屬性，可以達到給網頁布局的效果。
特點：獨占一行。
span：行內元素，主要使用場合是與css一同使用，為部分文本設置樣式屬性。
特點：可一行多個同時顯示。
基本語法格式：
<div> 文本 </div> <span>文本</span>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>doument</title>
</head>
<body>
<div>我是div</div>
<div>我是div</div>
<span>我是span</span>
<span>我是span</span>
<span>我是span</span>
</body>
</html>注意：
容器級的標簽和文本級的標簽的區別？
容器級的標簽可以嵌套其它所有的標簽，文本的標簽只能嵌套文字/超鏈接/圖片。
：語法
2：作用
div 標簽可以用來劃分 HTML 結構，從而配合 CSS 來整體控制某一塊的樣式。
div 標簽是塊級元素，它可用做組合其它 HTML 元素的容器。
div 標簽可以用作嚴格的組織工具，如果用 id 或 class 來標記 div 標簽，則 div 標簽的作用會更加完美。
3：例子
我們以 “堅持就是勝利” 這句話的中英文書寫方式為例，看一下 div 是如何劃分結構的
首先先看一下編輯器效果，如下
再來看一下瀏覽器的運行效果，如下
如果我們把 div 標簽去掉，只用段落標簽 p 來實現，其實瀏覽器的運行效果是一樣的，那我們為什么還要用 div 標簽呢 ，這不是多此一舉嗎？
其實不然，這是在代碼量比較少的情況下，兩者的差距不明顯，但如果代碼有成百上千行的時候，就體現到了 div 標簽劃分結構的作用，同時也使代碼更具有邏輯性。
總結來說，div 標簽最重要的用途是劃分區域，然后再結合 CSS ，針對指定區域進行樣式控制。
我自己是一名從事了多年開發的web前端老程序員，目前辭職在做自己的web前端私人定制課程，今年年初我花了一個月整理了一份最適合2019年學習的web前端學習干貨，各種框架都有整理，送給每一位前端小伙伴，想要獲取的可以關注我的頭條號并在后臺私信我：前端，即可免費獲取
原文鏈接：https://blog.csdn.net/qq_42351033/article/details/102680545
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
