像<section>和<article>这样的新HTML5元素是否毫无意义？

Question

不要只是杀了我,我要求纯粹的好奇心.

像<section>, <nav>, <article>, <aside>等等的元素似乎都毫无意义.当然,他们让一切都有自己的小地方(并且seo'd)......但是有可能过度组织事物.在某些情况下,事情也不适合任何类别.它还增加了尝试编写这些内容所花费的时间.我只是没有看到任何移动添加这些新元素的真正目的.

我们(开发人员和浏览网页的人)必须从添加它们中获得什么？

Answer 1

这些元素对于盲人的屏幕阅读器和Kindle等电子书阅读器非常重要.它可以帮助他们了解显示/阅读的内容以及何时显示.

Answer 2

阅读了本文,因为它指出了各种优点,例如:

使用这些元素有几个优点.当结合标题元素(H1至H6)中使用,这些都提供了一种方式来标记与标题级别嵌套的区段,超出了六个级别可能与HTML的早期版本.

和

通过使用特定的切片元素识别页面中各部分的用途,辅助技术可以帮助用户更轻松地浏览页面.例如,他们可以轻松跳过导航部分或快速从一篇文章跳到下一篇文章,而无需作者提供跳过链接.作者也受益,因为用几个不同元素中的一个替换文档中的许多div可以帮助使源代码更清晰,更容易创作.

Answer 3

HTML5 CSS样式也有些更易于阅读:

div#header
div#content .article
div#content .article h1
div#content .article h1+h2
div#footer

VS

header
section#content
section#content article
section#content article hgroup h1
section#content article hgroup h2
footer

(不使用高级选择器)

正如keyboardP通过引用暗示的那样,更容易为非人类游客导航页面.它增加了语义.但我同意你的意见,有时很难弄清楚使用哪种元素section,article或者说旧的元素div.IMO,这使得语义不那么强大.但让我们看看会发生什么.