有关 html 标签的语义化 的突发奇想

2018-02-12 13:55:27 +08:00
 Deeer

之前在项目中遇到过一个问题,就是 p 标签内包含 div 的时候会被分割成单独的区域。 (当然这种做法是不推荐的),当时发现问题的原因之后,找了些资料,div 原为 division 的首字母缩写, 那么我们是否可以这样理解,div 原本在项目的代码结构中起到一种分区的作用,而不仅仅是一个标签。 沿着这个角度去想,并从中发现规律,我想一定能对我们项目的结构化分和标签使用都有一定的提升和改善。 仅仅是本人的一个突发奇想,div 的这个区分作用似乎在 span 这也标签内不适用,这又作何解释?细想的还不是很好理解,广大 v 友是否有过类似的想法?或者已经找到了规律?说出来分享下啊

1985 次点击
所在节点    分享发现
3 条回复
learnshare
2018-02-12 14:12:39 +08:00
“ div 原本在项目的代码结构中起到一种分区的作用,而不仅仅是一个标签” 这个结论是对的
“ div 的这个区分作用似乎在 span 这也标签内不适用” 这个问题应该是行内元素不应该包含块级元素

语义这个东西虽然好,但其实不太适合目前的玩法了
jybox
2018-02-12 14:24:45 +08:00
FrankFang128
2018-02-12 14:35:38 +08:00
div 是区分,span 也是区分。
块级元素用 div 区分,内联元素用 span 区分。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/430419

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX