2015-01-09 63 views
1

我們是否應該在html語義類<article>之內或之外包含引導程序container我們應該在html語義類文章的內部還是外部引入引導程序容器類?

<!doctype html> 
<html> 
    <head> 
     <meta charset="utf-8"> 
     <meta name="description" content=""> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <title>html</title> 
     <link rel="stylesheet" href="css/style.css"> 
     <link rel="author" href="humans.txt"> 
    </head> 
    <body> 
     <div class="container"> 
      <article> 
       ... 
      </article> 
     </div> 
     <script src="js/main.js"></script> 
    </body> 
</html> 

或者,這個建議?

<!doctype html> 
<html> 
    <head> 
     <meta charset="utf-8"> 
     <meta name="description" content=""> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <title>html</title> 
     <link rel="stylesheet" href="css/style.css"> 
     <link rel="author" href="humans.txt"> 
    </head> 
    <body> 
     <article> 
      <div class="container"> 
       ... 
      </div> 
     </article> 
     <script src="js/main.js"></script> 
    </body> 
</html> 

回答

1

引導需要包含的元素來包裝網站內容和容納我們的電網系統

http://getbootstrap.com/css/

考慮到這一點 - 你應該保持容器在外面。您可以使用網格來放置此時的文章。

1

HTML5 Specs說:

製品元素表示一個文檔,頁面,應用程序或網站的完整,或自包含的, 組合物,那就是,在 原則上,獨立地可分配或可重用的,例如在 聯合。這可以是論壇帖子,雜誌或報紙 文章,博客文章,用戶提交的評論,交互式小部件 或小工具或任何其他獨立內容項目。

AFAIK「容器」類不會爲您的代碼提供任何類型的語義標記。您可以在物品內部放置物品,在容器內放置容器,在容器內放置物品或在物品內放置容器。這取決於你想要展示什麼。

你也可以看看this

+0

我同意這裏的一切 - 但由於問題是關於Bootstrap,因此'container'類具有特殊的含義,因此它在HTML標記中的用途更多的是功能目的和特定角色。同意不應該在'vanilla'HTML5中以任何方式干擾語義標記。 –

相關問題