在 <form> 中使用 <article> 在语义上没问题吗?
Is using <article> inside <form> semantically fine?
喜欢下面的html.
我想用article作为它的主要内容的形式。
顺便说一下,我已经在form元素的外面使用了一个main元素
<form>
<header>
<button type="submit">Save</button>
<button type="submit">Close</button>
</header>
<article>
<fieldset>
<legend></legend>
<input />
<input />
<input />
</fieldset>
<fieldset>
<legend></legend>
<input />
<input />
</fieldset>
</article>
</form>
是
语义标签只是一个元素,它为开发人员定义了自己的语义。使用 <article>
标签与使用 <div>
标签等块级元素没有什么不同,只是它在语义上是合理的。
标签指定独立,self-contained内容。
什么是语义元素?
语义元素清楚地向浏览器和开发人员描述其含义。
non-semantic 元素的示例:<div>
和 <span>
- 未说明其内容。
语义元素示例:<form>
、<table>
和 <article>
- 明确定义其内容。
ASP.NET
在 asp.net 网络表单的情况下,如果不允许使用该标签,则根本无法使用它,因为整个结构必须包含在 <form>
标签中。
W3 学校文档
我不会那样使用它,因为您应该使用在语义上适合给定任务或内容的标签。
定义: 文章元素表示文档、页面、应用程序或站点中的完整或 self-contained 组合,即,原则上,可独立分发或重复使用,例如在联合组织中。
所以文章必须是可以独立存在的单一内容。如果一段内容可以在不修改的情况下在另一个站点上重新发布,或者如果可以通过 RSS 或社交媒体网站(例如 Twitter 或 Facebook)将其作为更新推送出去。
用法:
- 一个论坛post
- 一篇博文
- 一篇杂志或报纸文章
- 对博客条目或文章的 user-submitted 评论
喜欢下面的html.
我想用article作为它的主要内容的形式。
顺便说一下,我已经在form元素的外面使用了一个main元素
<form>
<header>
<button type="submit">Save</button>
<button type="submit">Close</button>
</header>
<article>
<fieldset>
<legend></legend>
<input />
<input />
<input />
</fieldset>
<fieldset>
<legend></legend>
<input />
<input />
</fieldset>
</article>
</form>
是
语义标签只是一个元素,它为开发人员定义了自己的语义。使用 <article>
标签与使用 <div>
标签等块级元素没有什么不同,只是它在语义上是合理的。
标签指定独立,self-contained内容。
什么是语义元素?
语义元素清楚地向浏览器和开发人员描述其含义。
non-semantic 元素的示例:<div>
和 <span>
- 未说明其内容。
语义元素示例:<form>
、<table>
和 <article>
- 明确定义其内容。
ASP.NET
在 asp.net 网络表单的情况下,如果不允许使用该标签,则根本无法使用它,因为整个结构必须包含在 <form>
标签中。
W3 学校文档
我不会那样使用它,因为您应该使用在语义上适合给定任务或内容的标签。
定义: 文章元素表示文档、页面、应用程序或站点中的完整或 self-contained 组合,即,原则上,可独立分发或重复使用,例如在联合组织中。
所以文章必须是可以独立存在的单一内容。如果一段内容可以在不修改的情况下在另一个站点上重新发布,或者如果可以通过 RSS 或社交媒体网站(例如 Twitter 或 Facebook)将其作为更新推送出去。
用法:
- 一个论坛post
- 一篇博文
- 一篇杂志或报纸文章
- 对博客条目或文章的 user-submitted 评论