我可以在使用HTML5中嵌套元素吗?

前端之家收集整理的这篇文章主要介绍了我可以在使用HTML5中嵌套元素吗?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我做了以下:
<a href="www.stackoverflow.com">
   <button disabled="disabled" >ABC</button>
 </a>

这工作很好,但我得到一个HTML5验证错误,说“元素’按钮’不能嵌套在元素’一个按钮’。

任何人都可以给我建议我应该做什么?

解决方法

不,它是无效的HTML5根据 HTML5 Spec Document from W3C

Content model: 07001,but there must be no 07002 descendant.

The a element may be wrapped around entire paragraphs,lists,tables,and so forth,even entire sections,so long as there is no interactive content within (e.g. buttons or other links).

换句话说,您可以将任何元素嵌入< a>但以下情况除外:

>< a>
>< audio> (如果控制属性存在)
>< button>
>< details>
>< embed>
>< iframe>
>< img> (如果usemap属性存在)
>< input> (如果type属性不是隐藏状态)
>< keygen>
>< label>
>< menu> (如果type属性在工具栏状态)
>< object> (如果usemap属性存在)
>< select>
>< textarea>
>< video> (如果控制属性存在)

如果您尝试连结到某个地方的按钮,请将该按钮包含在< form>标签

<form style="display: inline" action="http://example.com/" method="get">
  <button>Visit Website</button>
</form>

但是,如果您的< button>标签使用CSS样式,并且看起来不像系统的窗口部件…自己动手,为您的< a>创建一个新类,标签和样式相同的方式。

猜你在找的HTML5相关文章