cssmagic / CSS-Secrets

📖 《CSS 揭秘》这本书的大本营。
2.45k stars 329 forks source link

[注解] [502] 插入换行 #60

Open cssmagic opened 7 years ago

cssmagic commented 7 years ago

花絮与注解

第 117 页 ‧ 图 5-6

图 5-6

这张图故意画得比较宽,表示还有很多的水平空间可以放置内容。

交流与答疑

知乎网友提问:

https://www.zhihu.com/question/46744302

<dl> 做包裹加了很多 CSS 样式到底有没有必要?用 <li> 加上 <span> 的方式一样可以很好的实现。有必要写这么复杂吗?这样写的原因在哪里?半新人求大神帮忙解析一下。

我写了一段 “政治不正确” 的回答,想了想没有在知乎发出来。就放在这里吧。

这个结构看起来似乎是为了强调语义化,但实际上还是为这一节的 CSS 技巧作铺垫。作为读者,吸收这其中的 CSS 知识就好了。读书要抓重点,不要在意这些细节。

话说回来,这段内容用 <dl> 来标记真的合适吗?我倒感觉像是滥用定义列表啊。似乎这里用 hCard 微格式来标记明显更加清晰,更易于被机器理解。所以 “语义化” 这回事,见仁见智,无需迷信权威。