Question

有很多不同的方法来构建HTML文档，我只是想知道人们如何去做。例如，我看过网站推荐的4种略有不同的方式来包含css文件（媒体，类型，版本等）。

我只是想知道是否确实存在这样做的确切方法。经过一番研究后，我开始使用以下内容。

<!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>

我想尽可能接近完美，所以建设性的批评会非常有帮助。谢谢。

Answer 1

大多数情况下，在结束</body>代码之前将JavaScript文件保留在页面末尾是一个好主意，这样他们就不会在加载时阻止您的页面呈现

虽然如果你想提高你的网站性能，那么

是件好事

内联短JavaScript
内联短css
内联css，用于格式化您的页面（如固定标题，侧边栏等），并在外部样式表中添加诸如悬停，渐变，框阴影或其他令人敬畏的css3内容等细节

最后我学会了异步加载所有东西。

我也对其他答案感兴趣！好问题;）

Answer 2

这是一种正式的布局方式。我在大多数网页设计中都喜欢这种方式。

＆＃13;

<!DOCTYPE html>

<html>

<head>
  
	<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="">
  
	<title>Your Website</title>
  <link rel="stylesheet" href="css/styles.css?v=1.0" media="all">
</head>

<body>

	<header>
		<nav>
			<ul>
				<li>menu itms</li>
			</ul>
		</nav>
	</header>
	
	<section>
	
		<article>
			<header>
				<h2>Article title</h2>
				<p>some meta content</p>
			</header>
			<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
		</article>
		
		
	</section>

	<aside>
		<h2>section</h2>
		<p>some content</p>
	</aside>

	<footer>
		<p>Copyright notes and some special links</p>
	</footer>
<script src="js/script.js?v=1.0"></script>
</body>

</html>

＆＃13;

对其他人的HTML文档结构感到好奇

2 个答案: