在jQuery Mobile中,tag div和tag section在页面上有什么区别?
在jQuery Mobile中,tag div和tag section在页面上有什么区别?
我看到在data-role="page"
中同时使用了div
和section
。例如:
这个内容将会被忽略。
jQuery Mobile
外部页面!
这个内容也将会被忽略。
和
Facebook Friends
它们之间有什么区别,section
的用途是什么?当它不显示时,会阻止加载其中的内容吗?
在jQuery Mobile中,标签div和标签section在页面中的区别是什么?
section标签只是一个HTML5标签。由于HTML5相对较新,许多开发人员错误地使用它,或者只会看到一部分项目更新为使用新标签,而其他部分仍然使用div标签。你提供的代码中使用了section标签,它出现在正确的位置和上下文中,这只是给你一个想法。
查看一下这篇简短的文章,了解何时使用section标签,不要认为section只是div的一个花哨名称:http://www.impressivewebs.com/html5-section/
此外,查看规范也是一个好习惯:http://w3c.github.io/html/sections.html#the-section-element
简短回答你的问题,实际上没有实际区别 - 在CSS如何影响它以及如何从javascript中使用它方面,section标签的行为与div标签完全相同。真正的区别在于当创建文档大纲时,这些标签的解释方式有所不同,例如通过feed reader。
data-*
属性是HTML5的一个新添加项(文章),它允许您将任意数据与HTML元素关联起来。这些属性中的数据可以被javascript利用,以实现诸如工具提示或地理位置数据之类的功能。以前,这样的数据涉及隐藏的子元素或JSON数据,或者从服务器获取这样的数据的新AJAX请求。现在,javascript只需读取这些数据属性就可以获得有关给定元素的关联数据。我不确定你的特定脚本如何使用data-role
属性,但就规范而言,它无论是在div、section、img还是span上都没有关系。
webdesign.about.com/od/html5tags/fl/div-vs-section.htm,另一篇适合阅读的清晰文章。
你提供的关于规范的链接已经失效:dev.w3.org/html5/spec/Overview.html