Bootstrap和HTML5语义标签

前端之家收集整理的这篇文章主要介绍了Bootstrap和HTML5语义标签前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在开始使用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

原文链接:https://www.f2er.com/bootstrap/234238.html

猜你在找的Bootstrap相关文章