好奇别人的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文档结构

回答

相关问题