好奇別人的html文檔結構

有很多不同的方式來構造HTML文檔，我只是想知道人們如何去做。例如，我見過網站推薦約4種不同的方式來包含CSS文件（媒體，類型，版本等）。好奇別人的html文檔結構

我只是想知道是否真的有一個明確的做法。經過一番研究，我開始使用以下內容。

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> 
    <title>title</title> 
    <meta name="description" content=""> 
    <meta name="author" content=""> 
    <link rel="stylesheet" href="css/styles.css?v=1.0" media="all"> 
    <script src="js/script.js?v=1.0"></script> 
    </head> 
    <body> 
    <!-- page content --> 
    </body> 
</html>

我想使它儘可能接近完美，所以建設性的批評將是非常有用的。謝謝。

來源

2015-07-12 joemorris86

大多數情況下，在關閉</body>標記之前，將JavaScript文件保留在頁面末尾是一個不錯的主意，以便它們不會阻止頁面在加載時呈現。

但如果你想提高你的網站的性能這是很好的

內嵌簡短的JavaScript
在線短CSS
內聯CSS，這是用於通用（如固定頭格式化您的網頁，側邊欄等），並在外部樣式表中添加像懸停，漸變，框陰影或其他真棒css3東西的細節

最後我學會了加載每一個異步地。

我對其他答案也感興趣！好問題;）

來源

2015-07-12 19:50:11

這是一種正式的layout.I更喜歡這種方式在我的網頁設計大多數。

<!DOCTYPE html> 
 

 
<html> 
 

 
<head> 
 
    
 
\t <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
 
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> 
 
    <meta name="description" content=""> 
 
    <meta name="author" content=""> 
 
    
 
\t <title>Your Website</title> 
 
    <link rel="stylesheet" href="css/styles.css?v=1.0" media="all"> 
 
</head> 
 

 
<body> 
 

 
\t <header> 
 
\t \t <nav> 
 
\t \t \t <ul> 
 
\t \t \t \t <li>menu itms</li> 
 
\t \t \t </ul> 
 
\t \t </nav> 
 
\t </header> 
 
\t 
 
\t <section> 
 
\t 
 
\t \t <article> 
 
\t \t \t <header> 
 
\t \t \t \t <h2>Article title</h2> 
 
\t \t \t \t <p>some meta content</p> 
 
\t \t \t </header> 
 
\t \t \t <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p> 
 
\t \t </article> 
 
\t \t 
 
\t \t 
 
\t </section> 
 

 
\t <aside> 
 
\t \t <h2>section</h2> 
 
\t \t <p>some content</p> 
 
\t </aside> 
 

 
\t <footer> 
 
\t \t <p>Copyright notes and some special links</p> 
 
\t </footer> 
 
<script src="js/script.js?v=1.0"></script> 
 
</body> 
 

 
</html>

來源

2015-07-12 20:02:35

好奇別人的html文檔結構

回答

相關問題