IT兄弟連 HTML5教程 「無意義」的HTML元素div和span

• 2019 年 12 月 10 日
• 筆記

版權聲明：本文為部落客原創文章，遵循 CC 4.0 BY-SA 版權協議，轉載請附上原文出處鏈接和本聲明。

本文鏈接：https://blog.csdn.net/ITXDL123/article/details/103452111

HTML只是賦予內容的手段，大部分HTML標籤都有其意義（例如，標籤a創建鏈接，標籤h1創建標題等），然而div和span標籤似乎沒有任何內容上的意義，聽起來就像一個泡沫做成的鎚子一樣無用。但實際上，與CSS結合起來後，它們的應用十分廣泛。需要記住的是，div和span是「無意義」的標籤，它們的存在純粹是為了應用CSS樣式，所以當樣式表失效時，它們就沒有了任何作用。

它們被用來組合成一大塊的HTML程式碼並賦予一定的資訊，大部分用類屬性class和標識屬性id與元素聯繫起來。span和div的不同之處在於，span是內聯的（行內標記），用在一小塊的內聯HTML中；而div（division）元素是塊級的（簡單地說，它等同於其前後有斷行），用於組合一大塊的程式碼，為HTML文檔內大塊的內容提供結構和背景的元素，可以包含段落、標題、表格甚至其他部分，這使得div便於建立不同集成的類。

div的起始標籤和結束標籤之間的所有內容都是用來構成這個塊的，其中所包含的元素的特性由div標籤的屬性來控制，或者通過使用樣式表格式化這個塊來進行控制。