Question

我正在尝试修复W3C标记验证器中出现的网站错误： https://validator.w3.org/nu

我无法解决的错误之一是：

主元素不得出现为该节的后代元素

此区域中的代码为：

<section id="sp-section-2">
	<div class="row">
		<div id="sp-title" class="col-lg-12 ">
			<div class="sp-column "/>
		</div>
	</div>
</section>
<section id="sp-main-body">
	<div class="row">
		<main id="sp-component" class="col-lg-12 " role="main">
			<div class="sp-column ">
				<div id="system-message-container">
				</div>

试图移动或更改名称，但无法使其正常工作。

Answer 1

<main>元素不能是<section>的子元素，这就是w3c的规则，您必须遵循该结构才能逃脱它。

由于您已经编写了代码，所以我建议您将{section}元素替换为div元素，以便您可以没有错误，但这不是w3c的有效标准，而仅是为了避免错误。

Answer 2

<main>不能是<section>的后代。这就是消息所说的，也就是您的代码所拥有的

<section id="sp-section-2">
  <div class="row">
    <div id="sp-title" class="col-lg-12 ">
      <div class="sp-column "></div>
    </div>
  </div>
</section>
<section id="sp-main-body">
  <div class="row">
    <!-- here is the <main> that causes the warning -->
    <main id="sp-component" class="col-lg-12 " role="main">
      <div class="sp-column ">
        <div id="system-message-container">
<!--- ... -->

主元素不得出现为section元素的后代

2 个答案: