Question

<legend>, if used, must immediately follow <fieldset>
<caption>, if used, must immediately follow <table>

HTML中还有其他“必须是第一个后代”的限制吗？ （有没有一个地方你会找到这样的信息，而不是阅读每个标签的完整规则？） [主要关心html5]

Answer 1

你可以在其他地方使用它们，但是对于ex。 legend为Fieldset上的标题提供了一种独特的样式，如果你错过了它，它将不起作用，类似标题对于表有一些特定的含义。

这些只是预先定义的标准。

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.container {
  width: 80%;
  margin: 0 auto;
}
legend {
  padding: 2px;
  color: purple
}
fieldset {
  margin-bottom: 10px;
  padding: 5px 10px;
  border: 2px solid #000;
}
input {
  width: 100%;
  padding: 5px 15px;
}

<div class="container">
  <fieldset>
    <legend>Heading inside Legend</legend>
    <input type="text">
  </fieldset>

  <table border="1" cellspacing="0" style="width:100%;">
    <caption>Caption inside Table</caption>
    <tr>
      <td>a</td>
      <td>a</td>
      <td>a</td>
      <td>a</td>
      <td>a</td>
    </tr>
    <tr>
      <td>b</td>
      <td>b</td>
      <td>b</td>
      <td>c</td>
      <td>d</td>
    </tr>
  </table>
</div>

Answer 2

在阅读MDN Tag Reference之后，我只能找到另一个此类限制：<figcaption>必须是<figure>块中的第一个或最后一个元素

标题（表格）和图例（字段集）是唯一的html第一个后代限制吗？

2 个答案: