可以在图元素中使用表单

时间:2013-04-15 19:30:51

标签: html html5 semantic-markup

快速提问:可以在<form>元素中使用<figure>吗?我在想一个联系表格,例如,

  

“自足,[...]作为一个单一的单位从主流   文件,[...]可以远离主流   文档不影响文档的含义。“ - [<figure> spec]

代码段:

<figure>
    <figcaption>Contact Us</figcaption>
    <form>
        <input name="email"...
        <textarea name="comments"...
        <input type="submit"...
    </form>
</figure>

思想?

2 个答案:

答案 0 :(得分:1)

是的,技术上允许你这样做。如果在你的情况下它在语义上是正确的,那就是另一个问题(我可能不同意它)。

为什么技术上允许:

在您自己发布的HTML5 figure spec链接中,您会看到:

  

允许的内容:一个figcaption元素,后面是流内容

由于<form>元素被视为flow element,因此您很好。

答案 1 :(得分:1)

从HTML 5 Nightly:

&#34;数字元素表示内容单元,可选地带有标题,是自包含的,通常从文档的主流中引用为单个单元,并且可以是离开文档的主流而不影响文档的含义。&#34;

鉴于最后一部分,我认为最好将表单包装在<div>中,或者只是将表单的内部内容包装在<fieldset>元素中。我认为<figure>更适合图像,视频,音频,代码片段等,但这只是我的意见。

Take a look at section 4.5 of the HTML 5 spec for more insight