所以这是我不时思考的一个小问题。大约一两年来，我一直对使用HTML5元素的最佳方式感到好奇。
我看到的最常见的技术是使用诸如页眉、页脚、section之类的元素，以及它们上面的类和ARIA角色。对于较旧的浏览器，请使用html5shiv.js。
这更符合优雅的退化，而不是渐进的增强。如果JS在旧的移动/桌面浏览器中没有启用/根本不可用，我们就失去了单独使用HTML5元素构建布局的能力。
我看到的另一种方法更符合渐进式增强，不依赖于在旧浏览器中启用JS来使布局正常工作。我已经和Josh Clark【Global Moxie】就此事进行了简短的交谈。他们在m版的《人物》杂志上使用了这种方法。http://www.people.com/people/mobile/home/他们使用HTML5元素来帮助概述文档的语义，并使用带有classess的div进行样式设置。没有样式依赖于HTML5元素，如页眉、页脚、旁白、节。
我的一个问题是，如果已经在div上设置了ARIA角色，那么在我的div/span周围分层HTML5元素以更好地概括文档标记是否有益？除了"语义化"，这还有什么好处？
如果在用于样式的div周围添加HTML5元素，将ARIA角色从div移动到HTML5元素是否有益？我想会的，但我很想得到更多关于这项技术的反馈。
HTML5规范极大地提高了大纲算法的自动化程度，因此浏览器和屏幕阅读器肯定会从您包含的HTML5标签和ARIA角色中受益。
Mozilla就这个主题制作了一个很棒的文档，它解决了将html5元素合并到html4文档中的问题。这应该是一个很好的例子，说明可以用一些div来交换更多的语义元素。在此处找到：https://developer.mozilla.org/en-US/docs/HTML/Sections_and_Outlines_of_an_HTML5_document
话虽如此，HTML5的新语义元素确实占据了div的很多领域，但当没有其他语义上合适的元素适合您的目的时，仍然应该使用div。这也被html5博士大大扩展了。在此处找到：http://html5doctor.com/you-can-still-use-div/