我做了以下:
<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>创建一个新类,标签和样式相同的方式。