blocks|key|294230|text|在HTML5中，role属性的内容似乎被指定为一个WIA-ARIA属性。具体来说，请参阅section+3.2.3+"Global+attributes"的最后一段，其中声明：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|294231|294232|为了使辅助技术产品能够公开比使用HTML元素和属性更细粒度的界面，可以指定一组用于辅助技术产品的注释(+ARIA角色和aria-*属性)。|blockquote|294233|294234|294235|然后，在section+3.2.7+"WAI-ARIA"中进一步详细介绍了role属性，它提供了一个明显标准化的表，其中逐个元素地表示该属性的语义和值。|294236|注:以上指向HTML5规范特定部分的链接指向上的HTML5技术报告的“最新发布版本”。一个更新的“编辑草案”版本可能是可用的。TR将在文档的标题页上链接到它。随着规范的更新或过渡到采用的新阶段，这些链接可能会断开并需要更新。|294237|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3.org/TR/html5/dom.html#global-attributes|1|http://www.w3.org/TR/html5/dom.html#wai-aria^0|8|4|18|X|0|0|0|0|0|0|11|4|4|O|1|0|0^^$0|@$1|2|3|4|5|6|7|Z|8|@$9|10|A|11|B|C]]|D|@$9|12|A|13|1|14]]|E|$]]|$1|F|3|-4|5|6|7|15|8|@]|D|@]|E|$]]|$1|G|3|H|5|I|7|16|8|@]|D|@]|E|$]]|$1|J|3|-4|5|6|7|17|8|@]|D|@]|E|$]]|$1|K|3|-4|5|6|7|18|8|@]|D|@]|E|$]]|$1|L|3|M|5|6|7|19|8|@$9|1A|A|1B|B|C]]|D|@$9|1C|A|1D|1|1E]]|E|$]]|$1|N|3|O|5|6|7|1F|8|@]|D|@]|E|$]]|$1|P|3|-4|5|6|7|1G|8|@]|D|@]|E|$]]]|Q|$R|$5|S|T|U|E|$V|W]]|X|$5|S|T|U|E|$V|Y]]]]

It appears that in HTML5, the contents of the <code>role</code> attribute is specified as a WIA-ARIA attribute. See, specifically, the last paragraph of <a href="http://www.w3.org/TR/html5/dom.html#global-attributes" rel="noreferrer">section 3.2.3 "Global attributes"</a>, where it states:

<blockquote>
 To enable assistive technology products to expose a more fine-grained interface than is otherwise possible with HTML elements and attributes, a set of annotations for assistive technology products can be specified (the ARIA role and aria-* attributes).
</blockquote>

The <code>role</code> attribute is, then, further detailed in <a href="http://www.w3.org/TR/html5/dom.html#wai-aria" rel="noreferrer">section 3.2.7 "WAI-ARIA"</a>, and provides an apparently normative table of semantics and values for the attribute on an element-by-element basis.

Note: The links to specific sections of the HTML5 specification above point to the "latest published version" of the HTML5 Technical Report at <a href="http://www.w3.org/TR/html5/" rel="noreferrer">http://www.w3.org/TR/html5/</a>. A more current "editor's draft" version might be available. The TR will link to it on the title page of the document. As the specification is updated or transitions to a new phase of adoption, these links might break and will need to be updated.

blocks|key|3225349|text|以下是基于HTML5.2的有效角色...|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3225350|3225351|alert+|unordered-list-item|3225352|3225353|3225354|3225355|3225356|3225357|条幅|3225358|按钮|3225359|cell|3225360|checkbox|3225361|columnheader|3225362|combobox|3225363|complementary|3225364|contentinfo|3225365|definition|3225366|dialog|3225367|directory|3225368|document|3225369|feed|3225370|figure|3225371|form|3225372|grid|3225373|gridcell|3225374|group|3225375|heading|3225376|img|3225377|link|3225378|list|3225379|listbox|3225380|listitem|3225381|log|3225382|main|3225383|marquee|3225384|math|3225385|menu|3225386|menubar|3225387|menuitem|3225388|menuitemcheckbox|3225389|menuitemradio|3225390|navigation|3225391|none|3225392|note|3225393|option|3225394|presentation|3225395|progressbar|3225396|radio|3225397|radiogroup|3225398|region|3225399|row|3225400|rowgroup|3225401|rowheader|3225402|scrollbar|3225403|search|3225404|searchbox|3225405|separator|3225406|slider|3225407|spinbutton|3225408|status|3225409|switch|3225410|tab|3225411|table|3225412|tablist|3225413|tabpanel|3225414|term|3225415|textbox|3225416|timer|3225417|toolbar|3225418|tooltip|3225419|tree|3225420|treegrid|3225421|treeitem|3225422|3225423|entityMap^0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|49|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|4A|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|4B|8|@]|9|@]|A|$]]|$1|F|3|-4|5|E|7|4C|8|@]|9|@]|A|$]]|$1|G|3|-4|5|E|7|4D|8|@]|9|@]|A|$]]|$1|H|3|-4|5|E|7|4E|8|@]|9|@]|A|$]]|$1|I|3|-4|5|E|7|4F|8|@]|9|@]|A|$]]|$1|J|3|-4|5|E|7|4G|8|@]|9|@]|A|$]]|$1|K|3|L|5|E|7|4H|8|@]|9|@]|A|$]]|$1|M|3|N|5|E|7|4I|8|@]|9|@]|A|$]]|$1|O|3|P|5|E|7|4J|8|@]|9|@]|A|$]]|$1|Q|3|R|5|E|7|4K|8|@]|9|@]|A|$]]|$1|S|3|T|5|E|7|4L|8|@]|9|@]|A|$]]|$1|U|3|V|5|E|7|4M|8|@]|9|@]|A|$]]|$1|W|3|X|5|E|7|4N|8|@]|9|@]|A|$]]|$1|Y|3|Z|5|E|7|4O|8|@]|9|@]|A|$]]|$1|10|3|11|5|E|7|4P|8|@]|9|@]|A|$]]|$1|12|3|13|5|E|7|4Q|8|@]|9|@]|A|$]]|$1|14|3|15|5|E|7|4R|8|@]|9|@]|A|$]]|$1|16|3|17|5|E|7|4S|8|@]|9|@]|A|$]]|$1|18|3|19|5|E|7|4T|8|@]|9|@]|A|$]]|$1|1A|3|1B|5|E|7|4U|8|@]|9|@]|A|$]]|$1|1C|3|1D|5|E|7|4V|8|@]|9|@]|A|$]]|$1|1E|3|1F|5|E|7|4W|8|@]|9|@]|A|$]]|$1|1G|3|1H|5|E|7|4X|8|@]|9|@]|A|$]]|$1|1I|3|1J|5|E|7|4Y|8|@]|9|@]|A|$]]|$1|1K|3|1L|5|E|7|4Z|8|@]|9|@]|A|$]]|$1|1M|3|1N|5|E|7|50|8|@]|9|@]|A|$]]|$1|1O|3|1P|5|E|7|51|8|@]|9|@]|A|$]]|$1|1Q|3|1R|5|E|7|52|8|@]|9|@]|A|$]]|$1|1S|3|1T|5|E|7|53|8|@]|9|@]|A|$]]|$1|1U|3|1V|5|E|7|54|8|@]|9|@]|A|$]]|$1|1W|3|1X|5|E|7|55|8|@]|9|@]|A|$]]|$1|1Y|3|1Z|5|E|7|56|8|@]|9|@]|A|$]]|$1|20|3|21|5|E|7|57|8|@]|9|@]|A|$]]|$1|22|3|23|5|E|7|58|8|@]|9|@]|A|$]]|$1|24|3|25|5|E|7|59|8|@]|9|@]|A|$]]|$1|26|3|27|5|E|7|5A|8|@]|9|@]|A|$]]|$1|28|3|29|5|E|7|5B|8|@]|9|@]|A|$]]|$1|2A|3|2B|5|E|7|5C|8|@]|9|@]|A|$]]|$1|2C|3|2D|5|E|7|5D|8|@]|9|@]|A|$]]|$1|2E|3|2F|5|E|7|5E|8|@]|9|@]|A|$]]|$1|2G|3|2H|5|E|7|5F|8|@]|9|@]|A|$]]|$1|2I|3|2J|5|E|7|5G|8|@]|9|@]|A|$]]|$1|2K|3|2L|5|E|7|5H|8|@]|9|@]|A|$]]|$1|2M|3|2N|5|E|7|5I|8|@]|9|@]|A|$]]|$1|2O|3|2P|5|E|7|5J|8|@]|9|@]|A|$]]|$1|2Q|3|2R|5|E|7|5K|8|@]|9|@]|A|$]]|$1|2S|3|2T|5|E|7|5L|8|@]|9|@]|A|$]]|$1|2U|3|2V|5|E|7|5M|8|@]|9|@]|A|$]]|$1|2W|3|2X|5|E|7|5N|8|@]|9|@]|A|$]]|$1|2Y|3|2Z|5|E|7|5O|8|@]|9|@]|A|$]]|$1|30|3|31|5|E|7|5P|8|@]|9|@]|A|$]]|$1|32|3|33|5|E|7|5Q|8|@]|9|@]|A|$]]|$1|34|3|35|5|E|7|5R|8|@]|9|@]|A|$]]|$1|36|3|37|5|E|7|5S|8|@]|9|@]|A|$]]|$1|38|3|39|5|E|7|5T|8|@]|9|@]|A|$]]|$1|3A|3|3B|5|E|7|5U|8|@]|9|@]|A|$]]|$1|3C|3|3D|5|E|7|5V|8|@]|9|@]|A|$]]|$1|3E|3|3F|5|E|7|5W|8|@]|9|@]|A|$]]|$1|3G|3|3H|5|E|7|5X|8|@]|9|@]|A|$]]|$1|3I|3|3J|5|E|7|5Y|8|@]|9|@]|A|$]]|$1|3K|3|3L|5|E|7|5Z|8|@]|9|@]|A|$]]|$1|3M|3|3N|5|E|7|60|8|@]|9|@]|A|$]]|$1|3O|3|3P|5|E|7|61|8|@]|9|@]|A|$]]|$1|3Q|3|3R|5|E|7|62|8|@]|9|@]|A|$]]|$1|3S|3|3T|5|E|7|63|8|@]|9|@]|A|$]]|$1|3U|3|3V|5|E|7|64|8|@]|9|@]|A|$]]|$1|3W|3|3X|5|E|7|65|8|@]|9|@]|A|$]]|$1|3Y|3|3Z|5|E|7|66|8|@]|9|@]|A|$]]|$1|40|3|41|5|E|7|67|8|@]|9|@]|A|$]]|$1|42|3|43|5|E|7|68|8|@]|9|@]|A|$]]|$1|44|3|45|5|E|7|69|8|@]|9|@]|A|$]]|$1|46|3|-4|5|6|7|6A|8|@]|9|@]|A|$]]|$1|47|3|-4|5|6|7|6B|8|@]|9|@]|A|$]]]|48|$]]

Here are the valid roles based on HTML 5.2...

<ul>
<li>alert </li>
<li>alertdialog </li>
<li>application </li>
<li>article </li>
<li>banner </li>
<li>button </li>
<li>cell</li>
<li>checkbox</li>
<li>columnheader</li>
<li>combobox</li>
<li>complementary</li>
<li>contentinfo</li>
<li>definition</li>
<li>dialog</li>
<li>directory</li>
<li>document</li>
<li>feed</li>
<li>figure</li>
<li>form</li>
<li>grid</li>
<li>gridcell</li>
<li>group</li>
<li>heading</li>
<li>img</li>
<li>link</li>
<li>list</li>
<li>listbox</li>
<li>listitem</li>
<li>log</li>
<li>main</li>
<li>marquee</li>
<li>math</li>
<li>menu</li>
<li>menubar</li>
<li>menuitem</li>
<li>menuitemcheckbox</li>
<li>menuitemradio</li>
<li>navigation</li>
<li>none</li>
<li>note</li>
<li>option</li>
<li>presentation</li>
<li>progressbar</li>
<li>radio</li>
<li>radiogroup</li>
<li>region</li>
<li>row</li>
<li>rowgroup</li>
<li>rowheader</li>
<li>scrollbar</li>
<li>search</li>
<li>searchbox</li>
<li>separator</li>
<li>slider</li>
<li>spinbutton</li>
<li>status</li>
<li>switch</li>
<li>tab</li>
<li>table</li>
<li>tablist</li>
<li>tabpanel</li>
<li>term</li>
<li>textbox</li>
<li>timer</li>
<li>toolbar</li>
<li>tooltip</li>
<li>tree</li>
<li>treegrid</li>
<li>treeitem</li>
</ul>

问HTML5/XHTML角色属性可以有什么值？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML5/XHTML角色属性可以有什么值？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML5/XHTML角色属性可以有什么值？
EN