HTML5主要元素与ARIA地标角色=“主”

我有兴趣了解HTML5< main>之间的关系以及可能的区别。元素和ARIA标志角色属性role =“main”。

我的印象是,< main>元素是将ARIA roll属性role =“main”映射到特定的HTML元素。但是总结起来呢?

使用< main>有益处说,< div role =“main”&gt ;?或者,现在和可以预见的未来,这些都会产生相同的结果? 比较以下例子的任何见解将不胜感激:

<body>
  <main>
    <p>Paragraph</p>
  <main>
</body>
<body>
  <main role="main">
    <p>Paragraph</p>
  <main>
</body>
<body>
  <div role="main">
    <p>Paragraph</p>
  <div>
</body>

解决方法

据HTML5医生说,他们是等同的。 <主>只是使它更容易和更好地实现role =“main”。

The primary purpose of is to map ARIA’s landmark role main to an element in HTML.

以下是< main>元件。

The main element represents the main content of the body of a document or application. The main content area consists of content that is directly related to or expands upon the central topic of a document or central functionality of an application.

建议

建议使用< main>和role =“main”在同一个元素中,直到浏览器实现< main>正常。

<!-- Recommended -->
<main role="main">
    ...
</main>

如果您有兴趣,请务必阅读<main> spec

切片注意事项

正如Szabolcs在评论中指出的那样,< main>不是一个分段元素,所以它应该与< section>元件。

参考

> The main element – HTML5 Doctor
> W3C HTML Editors Draft

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

相关推荐


HTML5和CSS3实现3D展示商品信息的代码
利用HTML5中的Canvas绘制笑脸的代码
Html5剪切板功能的实现
如何通过HTML5触摸事件实现移动端简易进度条
Html5移动端获奖无缝滚动动画实现
关于HTML5和CSS3实现机器猫的代码
HTML5使用DOM进行自定义控制
使用HTML5 Canvas绘制阴影效果的方法
使用PHP和HTML5 FormData实现无刷新文件上传
如何解决HTML5 虚拟键盘出现挡住输入框的问题
HTML5中div和section以及article的区别分析
html5和CSS 实现禁止IOS长按复制粘贴功能
html5 touch事件实现触屏页面上下滑动
canvas 模拟实现电子彩票刮刮乐的代码
HTML5 Plus 实现手机APP拍照或相册选择图片上传的功能
Android自定义环形LoadingView效果
HTML5 canvas绘制五角星的方法
html5使用html2canvas实现浏览器截图
使用Canvas处理图片的方法介绍
利用Canvas模仿百度贴吧客户端loading小球的方法