Question

警告：文章缺少标题。考虑使用h2-h6元素添加确定所有文章的标题。从第32行第5栏;到线 32，第46栏↩↩

以上警告由https://validator.w3.org/生成。

现在让我告诉你这些行号的代码。

<article class="form-control relativePos">
        <ul class="formsectionTab">
            <li class="active"><a href="#services">1. Services</a></li>
            <li><a href="#time">2. Time</a></li>
            <li><a href="#details">3. Details</a></li>
            <li><a href="#payment">4. Payment</a></li>
            <li><a href="#done">5. Done</a></li>
        </ul>

正是代码所说的第32行就是这个→

<article class="form-control relativePos">

我的HTML开发人员说只有两种方法可以摆脱这些警告→

使用<div></div>代替部分或文章或使用h2-h6元素。

但我的问题是我想在HTML5标签上构建我的模板，而且代码没有放置标题的范围，因为这不是必需的。我该怎么办？

可以执行此操作的任何替代HTML5属性不会强制执行h2-h6元素吗？

Answer 1

答案在你的问题中。我会引用你的话：“我想在HTML5标签上构建我的模板，代码没有标题的范围，因为这不是必需的。”

这是软件行业最大的问题之一。它被称为Scope Creep。基本上，如果某些事情不属于要求范围，除非绝对必要，否则应避免处理。虽然我知道，有时很难咬住子弹。

Answer 2

根据需要添加h1 - h6个元素
将h1 - h6中的divs元素换成与其他文字相同的样式
向h1 - h6元素添加类以继承div样式（哪个应该与文本的其余部分相同）

<强>效果吗

h1 - h6看起来与文本的其余部分完全相同，而不是看起来像标题元素

body {
  background: #111;
  color: #999;
  text-align: justify;
  text-justify: inter-word;
  max-width: 80%;
  margin: 10%
}
.uniform {
  display: inherit;
  text-align: inherit;
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}
.mycoolstyle {
  color: red;
  font-size: 22px;
  font-weight: bold;
  display: inline;
}

<body>
  <div>
    <h1>This is a Header 1 with browser defaults</h1>
    <div class="mycoolstyle">
      <h1 class="uniform">This is a Header 1 with inhertied div style</h1>
    </div>
    <h2>This is a Header 2 with browser defaults</h2>
    <div class="mycoolstyle">
      <h2 class="uniform">This is a Header 2 with inhertied div style</h2>
    </div>
    <h3>This is a Header 3 with browser defaults</h3>
    <div class="mycoolstyle">
      <h3 class="uniform">This is a Header 3 with inhertied div style</h3>
    </div>
    <p>This is a paragraph with browser defaults
      <br>Lorem ipsum dolor sit amet, in eam simul nostrud definiebas, mea iusto placerat prodesset ei. Eum summo audiam ea. Vitae aperiri at duo. Vis atomorum partiendo id, nam ea noluisse platonem. Nec minimum consequat cu, pri in harum moderatius. Ferri
      aperiam forensibus an nam.</p>
    <div class="mycoolstyle">
      <p class="uniform">This is a paragraph with inhertied div style
        <br>Lorem ipsum dolor sit amet, in eam simul nostrud definiebas, mea iusto placerat prodesset ei. Eum summo audiam ea. Vitae aperiri at duo. Vis atomorum partiendo id, nam ea noluisse platonem. Nec minimum consequat cu, pri in harum moderatius. Ferri
        aperiam forensibus an nam.</p>
    </div>
  </div>
</body>

W3C验证生成错误

2 个答案: