Bootstrap和HTML5语义标签

发布时间：2020-12-18 00:16:32 所属栏目：安全来源：网络整理

导读：我正在开始使用Twitter Bootstrap，并提出了一个问题。最近经历了一些关于HTML5的教程，并且发现了使用标题，导航，页脚等语义元素而不是Div。现在，在学习Bootstrap时，大多数人正在使用Div标签。那么Bootstrap Div标签或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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!