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驗證生成錯誤

回答

相關問題