W3C验证生成错误

警告：文章缺乏标题。考虑使用h2-h6元素来为所有文章添加标识标题。来自第32行，第5栏;到线32 ，柱46↩↩W3C验证生成错误

由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开发者说，只有2种方式来摆脱这些警告→

要么使用<div></div>代替部分或物品或使用h2-h6元素。

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

任何替代HTML5属性可以做到这一点，而不是强制执行h2-h6元素？

来源

2016-12-17 somethingnow

只需使用'div'。浏览器对'文章'没有什么特别之处，用户从使用它的文档中获得额外收益。 – sideshowbarker

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

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

来源

2016-12-17 07:20:14 aguertin

你有什么建议？我应该移动到div吗？如果是，那么一些元素将是HTML5和一些div→这是否仍然被视为语义？不，我需要标题。请指教。谢谢！ – somethingnow

添加h1 - h6元素，就像你想
裹在divs那些h1 - h6元素风格与您的其他文字
添加类的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>

来源

2016-12-17 07:26:04

W3C验证生成错误

回答

相关问题