padding或margin

1. 二者角色定位不同：padding在內容和邊框之間新增空白以便於閱讀，margin在元素間新增空白，使頁面佈局更加清晰
2. padding可以被填充背景色或背景圖，margin無此效果 

class或id

1. 在充當選擇符時，class和id的區別在於優先順序；id的特別作用：關聯label和input（for id）、頁面定位（a href）
2. 因此，id可用於實現行為與樣式分離，專為寫js服務

div或語義化標籤 

HTML5新增的語義化標籤（如，main、section、header、nav、article、aside、footer等）

1. 主要用於標識網頁的邏輯分割槽，讓瀏覽器更好的渲染元素
2. 有助於seo識別網頁內容

div也能夠實現邏輯區分，但它是一種通用的元素，不具備特定角色