用什麼來代替div？

-1

在WHATWG HTML specification它說div元素，我們必須努力不使用div元素。用什麼來代替div？

它說：

作者強烈建議查看div元素作爲最後一個元素，在沒有其他因素是合適的。使用更合適的元素而不是div元素可以爲讀者提供更好的可訪問性，並使作者更易於維護。

那麼我們應該用什麼來代替div？

來源

2012-12-27 dpb

那麼，你想要做什麼？ –

*在引用部分的正下方，它表示「例如，將使用文章標記博客文章，使用部分章節，使用導航的頁面導航輔助工具以及使用fieldset的一組表單控件。」 –

來自文章：「例如，博客文章將使用'article'標記，使用'section'的章節，使用'nav'的頁面導航輔助以及使用'fieldset'的一組表單控件。另一方面，div元素可以用於文體目的......「你還問什麼？ – aquinas

使用什麼對您的文檔的結構有意義。如果您正在撰寫文章，請使用article元素。在文檔中定義細分？考慮section標記。需要標記文檔的標題？使用header元素。

<article> 
    <header> 
     <h1>Foo Title Here</h1> 
    </header> 
    <p>Article content can go here.</p> 
    <p>Note how meaningful this document structure is.</p> 
    <footer> 
     <!-- Links, etc. --> 
    </footer> 
</article>

想想看，每個文檔與語義上有意義的標籤開始：我們與<html>標籤包裝我們的HTML文檔。在裏面，我們定義了<head>和<body>。我們提供了一個<title>，或許幾個<script>，並將一些樣式表與<link>或<style>鏈接起來。

由於每個人都遵循這些規則，所以他們爲什麼會放棄這種一致性，並贊成使用模糊和半無意義的標籤（如<div>）來定義其文檔的關鍵部分。

對比度由模糊的，毫無意義的標籤的文檔：

<div> 
    <div> 
     <div>Foo Title Here</div> 
    </div> 
    <div>Article content can go here.</div> 
    <div>Note how meaningful this document structure is.</div> 
    <div> 
     <!-- Links, etc. --> 
    </div> 
</div>

毫無意義的，對不對？始終使用正確的工具進行工作。

來源

2012-12-27 18:08:47 Sampson

謝謝，現在很清楚:) – dpb

閱讀所引用的規範的下一行，他們提供了一些例子：

例如，一篇博客文章將使用物品標註了起來，用章部分，使用導航頁面的導航設備，和一組使用fieldset的控件。

因此，如果可能，應該使用比div元素具有更多語義含義的元素。

來源

2012-12-27 18:08:28

用什麼來代替div？

回答

相關問題