微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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.jb51.cc/bootstrap/234238.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐