@TimG 一样，div 给人的感觉是一个集装箱，span 是一个塑料袋，食物不能直接放在集装箱里，起码要淘个塑料袋，当然 h1-h6 p 本身就能装食物……

块元素只用
<h3 class='section-title' 以前做网站的时候还会用 h1 。现在都是小程序 h5 页面，用 h3 就是看着更清晰
<div class='list-wrap' class='list-meat' class='list-item'
<br 如果懒得写 padding ，哪里需要就 br 哪里

内联元素只用
<span class='text-1' class='text-2'
<b i 他俩比 span 短，当一个 div 下就两个文字域又比较贴合 b 和 i 的意义的情况下我会用，strong 和 em 狗都不用，爬虫又不是不知道 b i……
<img class='pic-1' class='pic-2' class='logo'
<a href='javascript:void(0)' {at}click='linkXxx_Click' // 我的事件名写的很 Visual Basic ~

布局上也习惯使用伪绝对定位：块元素 postion:relative ，里面的内联元素 position: absolute ，然后一通 top left right bottom 配合 margin 任何布局都无往不利（少个别需要 flex 的除外）