HTML/W3C-WHATWG-Differences
Differences between the W3C HTML 5.1 specification and the WHATWG LS
The W3C HTML 5.1 specification:
- Requires the main element be mapped to the ARIA role 'main' or equivalent in accessibility APIs. Rationale: Improve interoperability.
- Restricts the author use of the main element to one per document. Rationale: Improve utility for users.
- Encourages user agents to provide keyboard navigation for the main element. Rationale: Improve utility for users.
- Defines the main element as representing the main content of a document. Rationale: Matches markup patterns used by authors to identify the main content area of a document.
- Defines the body element as representing the content of the document. Rationale: The main element represents the main content of a document.
- Provides clarification for authors on the use of list markup in the nav element. Rationale: Improve author advice and user experience.
- Advises authors to use headings of the appropriate rank for a section's nesting level. Rationale: backwards compatibility and improve user experience.Refer to Use h1 to h6 to identify document structure
- The hgroup element is obsolete. Rationale: Lack of implementations, lack of use cases, promoted markup anti-pattern.
- Provides author advice on marking up Subheadings, subtitles, alternative titles and taglines. Rationale: HTML does not have a dedicated feature for marking up such semantics, so provides author advice on how to do it using current features.
- Requires that the header and footer elements be mapped to ARIA landmark roles dependent on their ancestor elements. Rationale: Match landmark definitions and interoperable implementations.
- Restricts the elements that authors can use ARIA role=presentation on. Rationale: Use of role=presentation on interactive elements has no use cases and can cause issues for AT users.
- Provides normative text and an example for link type license which advises authors to state in text the scope of document license if it does not apply to the whole document. Rationale: Use of CSS styles are inadequate for conveying the scope of a license.
- Includes a detailed text explanation of the th element example and related image. Rationale: The example is complex, and extra detail is required to explain information conveyed visually.
- Discourages use of the title attribute in cases where its content should be available to all/any user
- makes the use of the title attribute for providing image captions non conforming, as in 18 year history it has not been implemented in an interoperable, input device independent manner. Instead it promotes the use of the figure and figcaption elements for the provision of image captions. The figcaption element content is by default available to all and it conveys a caption role to assistive technology. Rationale: improves accessibility and usability.
- Conditionally allows using tables as layout aids (if role="presentation" is provided).
- Provides author advice for marking up breadcrumb navigation as a list instead of a series of links in prose. Rationale Users find the grouping of grouping links helpful.
- Allows usage of person's name as a citation in the cite element.
- Allows attribution of the quote inside the blockquote element, using footer or/and cite element inside it.
- Provides detailed per element web developer information on allowed ARIA attributes. Refer to Using ARIA in HTML
- Encourages developers to provide headings for section and article elements. Rationale refer to Include a heading to identify article and section elements.
- Provides detailed advice and requirements for providing alt texts for images.
HTML/W3C-WHATWG-Differences的更多相关文章
- HTML5 程序设计笔记(一)
HTML5 概述 1.html5 发展史 1993年html首次以因特网草案形式发布. 20世纪90年代,html大幅发展,从2.0版,到3.2版和4.0版.最后到1999年的4.01版. 伴随htm ...
- 好程序员web前端分享HTML基础篇
好程序员web前端分享HTML基础篇,最近遇到很多新手,都会问,如果要学web前端开发,需要学什么?难不难学啊?多久能入门之类的问题?那么今天好程序员就先来给大家分享一下web前端学习路线:HTML基 ...
- html5与css 1. web标准及组成
学习目标 1.本专业介绍.HTML相关概念,HTML发展历史 2.WEB标准,W3C/WHATWG/ECMA相关概念 3.相关软件的应用以及站点的创建 4.HTML基本结构和HTML语法 5.HTML ...
- W3C vs. WHATWG HTML5 Specs – The Differences Documented
A few weeks ago, HTML5 became an official W3C Recommendation. I took advantage of this event to disc ...
- HTML5 Differences from HTML4
Abstract "HTML5 Differences from HTML4" describes the differences of the HTML5 specificati ...
- html5 基本内容 摘自W3C
HTML5 教程(摘录自 W3C School) HTML 5 简介(HTML5 是下一代的 HTML) 什么是 HTML5? HTML5 将成为 HTML.XHTML 以及 HTML DOM 的新标 ...
- W3C 、HTML 、CSS 发展介绍
一.W3C W3C 指万维网联盟(World Wide Web Consortium),创建于1994年10月,由 Tim Berners-Lee (他是html的发明人)创建. W3C开始被创建的目 ...
- IETF和W3C的区别
国际互联网协会ISOC和万维网联盟W3C是互联网领域内两大国际协会组织,ISOC旗下IETF机构与W3C是互联网行业内两大标准组织.不可否认「IETF和W3C都是优秀的组织,它们从事着一种使事情按程序 ...
- IT兄弟连 HTML5教程 HTML5的靠山 RFC、WHATWG是什么WEB的新标准
RFC是什么 RFC文档也称请求注解文档(Requests for Comments,RFC),这是用于发布Internet标准和Internet其他正式出版物的一种网络文件或工作报告,内容和Inte ...
- IT兄弟连 HTML5教程 HTML5的靠山 W3C、IETF是什么
无规矩不成方圆,软件开发当然不能例外.Web开发涉及的厂商和技术非常多,所以必须要有参考的标准,而且需要一系列的标准.Web程序都是通过浏览器来解析执行的,通过页面的展示内容与用户互动,所以Web标准 ...
随机推荐
- Android中的FrameLayout帧布局
帧布局由FrameLayout所代表,FrameLayout直接继承了ViewGoup组件. 帧布局容器为每一个增加当中的组件创建一个空白的区域(称为一个帧),每一个子组件占领一帧,这些帧都会依据gr ...
- DELPHI 重命名文件名时 文件存在自动重命名
procedure TForm1.Button1Click(Sender: TObject); var Dir, FileTitle, FileExt: string; s,s1: str ...
- CakePHP的blog教程三
简单的身份验证和授权应用 接着我们blog教程的例子,如果我们想要建立一个根据登录的用户身份来决定其安全访问到正确的urls. 同时我们还有其他的需求: 允许我们的blog有多个作者,每一个作者都可以 ...
- MEF依赖注入调试小技巧!
自从哥的项目使用MEF以来,天天那个纠结啊,甭提了.稍有错误,MEF就报错,但就不告诉你哪错了,大爷的. 后来看了MEFX的相关调试方法,感觉也不太理想,根本不够直观的看到错误原因,也许是没有深入学习 ...
- Eclipse设立不格式化注释
From:http://www.educity.cn/wenda/467693.html Eclipse设置不格式化注释 注释中写点带格式的文字,format后全乱了,解决办法如下: Windows ...
- window.showModalDialog()复制内容
ShowModalDialog 打开的 页面上加入个 <span id="mySpan" name="mySpan" contentEditable=&q ...
- angular.js 字符串1
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script sr ...
- 解决linux .so的链接时符号依赖问题
问题描述 target: a.out SO:libmyfile.so 依赖描述: a.out: libmyfile.so libmyfile.so: libssl.so.1.0.0 libssl.s ...
- js事件处理 —— 详解
对于JS事件处理分为四部分: 1.html事件处理程序 直接添加到HTML结构中 解析:用html处理程序可以直接在button元素里直接调用,但是维护性不是很方便 <!DOCTYPE html ...
- php && 逻辑与运算符使用说明
例子:!defined('MAGIC_QUOTES_GPC') && define('MAGIC_QUOTES_GPC', get_magic_quotes_gpc()); o(︶︿︶ ...