我正在开始使用Twitter Bootstrap,并提出了一个问题。
最近经历了一些关于HTML5的教程,并且发现了使用标题,导航,页脚等语义元素而不是Div。
现在,在学习Bootstrap时,大多数人正在使用Div标签。
那么Bootstrap Div标签或HTML5语义标签的好方法是什么?
谢谢。
解决方法
Bootstrap使用Div来显示框架应该如何使用。这是因为div是通用的块元素,几乎可以在容器中使用。但是您使用引导的元素并不重要,因为它使用类来渲染元素。
例如,使用以下时,您将在屏幕上显示相同的结果:
<section class="col-md-4">Hello</section>
比使用时
<div class="col-md-4">Hello</div>
真正的区别是机器人和无障碍阅读器,因为如你所说,HTML5元素是语义。
每个开发者都会选择他感觉最舒服的元素。但是我的观点是:如果你信任html5元素的语义方法(你应该:))最好的方法是使用html5元素来标记具有特殊含义(如页眉,页脚,导航,…) )并且对于没有html5元素存在的所有情况使用div。
以下是所有含义的列表:https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5/HTML5_element_list