使用HTML5元素/ARIA角色的首选技术
所以这是一个我时不时会思考的小问题。大约一两年来，我一直对使用HTML5元素的最佳方式感到好奇。
我见过的最常见的技术--使用页眉、页脚、节等元素，以及它们的类和ARIA角色。对较旧的浏览器使用html5shiv.js。
这更符合优雅的降级，而不是渐进的增强。如果JS在旧的移动/桌面浏览器中没有启用/根本不可用，我们就失去了单独使用HTML5元素构建布局的能力。
我看到的另一种方法是渐进式增强，并且不依赖于在较早的浏览器中启用JS来使布局正常工作。我刚刚和Josh ClarkGlobal Moxie简单地谈过这件事。他们在“人物”杂志的m版中使用了这种方法。http://www.people.com/people/mobile/home/他们使用HTML5元素来帮助勾勒文档的语义，并使用带有classess的div来设置样式。没有样式依赖于HTML5元素，如页眉、页脚、旁注、节。
我的一个问题是，如果已经在div上设置了ARIA角色，那么在div/span周围分层HTML5元素是否有益于给文档标记一个更好的轮廓？除了“语义化”之外，这还有什么好处呢？
如果在用于样式化的div周围添加HTML5元素，那么将ARIA角色从div移动到HTML5元素会有好处吗？我想它会的，但我希望得到更多关于这项技术的反馈。
回答 1
Stack Overflow用户
发布于 2013-03-07 02:48:49
ARIA规范极大地改进了大纲算法的自动化，因此浏览器和屏幕阅读器肯定会从您包含的HTML5标记和html5角色中受益。
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/
https://stackoverflow.com/questions/14691920
复制相似问题
腾讯云开发者
