在<form>中使用<article>在语义上是否正常?

时间:2017-02-20 08:23:04

标签: html html5 semantic-ui

如下面的html 我想用文章作为表格的主要内容 我顺便说一下,我已经在表单元素的外部使用了一个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>

2 个答案:

答案 0 :(得分:1)

<强>

语义标记只是一个为开发人员语义定义自己的元素。使用<article>标记与使用块级元素(例如<div>标记)没有什么不同,除了它在语义上是合理的。

标签指定独立的自包含内容。

什么是语义元素?

语义元素清楚地描述了它对浏览器和开发人员的意义。

非语义元素的示例:<div><span> - 对其内容一无所知。

语义元素示例:<form><table><article> - 明确定义其内容。

<强> ASP.NET

对于asp.net,如果不允许使用标签,则根本不能使用它,因为整个结构必须包含在<form>标签中。

W3学校文件

https://www.w3schools.com/html/html5_semantic_elements.asp

https://www.w3schools.com/tags/tag_article.asp

答案 1 :(得分:0)

我不会以这种方式使用它,因为你应该使用语义上适合给定任务或内容的标记。

定义: article元素表示文档,页面,应用程序或站点中的完整或自包含的组合,原则上,它是可独立分发或可重用的,例如在联合。

因此,文章必须是可以独立存在的单一内容。如果一段内容可以在未经修改的情况下在另一个网站上重新发布,或者可以通过RSS或Twitter或Facebook等社交媒体网站推送出来。

<强>用法:

  • 论坛帖子
  • 博客条目
  • 杂志或报纸文章
  • 用户提交的关于博客条目或文章的评论