前端笔记01---html 的加载
HTML 文档的加载和解析过程是浏览器的一个系列步骤，其中包括从服务器请求文档、解析 HTML 结构、然后构建 DOM（文档对象模型）树、之后解析 CSS 并合并到 DOM 树中、最后渲染页面。
以下是一个简单的 HTML 页面模板，展示了基本的页面结构：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document Title</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>Hello, World!</h1>
<p>This is a simple paragraph.</p>
<img src="image.jpg" alt="Sample Image">
<script src="script.js"></script>
</body>
</html>解释：
<!DOCTYPE html>：HTML5 文档类型声明。<html>：整个文档的根元素。<head>：包含文档的元数据，如<title>、<meta>\` 标签和样式表链接。<title>：定义了浏览器工具栏的标题和页面标签的标题。<body>：包含了页面的主要内容，如文本、图片、视频等。<link>：链接外部 CSS 样式表。<script>：引入外部 JavaScript 文件。
注意：
- 为了最佳性能，通常建议将
<script>标签放在<body>标签的底部，即紧接在关闭 </body> 标签之前。这是因为脚本的加载会阻塞页面内容的渲染，将脚本放在页面底部可以先显示页面内容，然后再运行脚本。 - 对于外部 CSS 和 JavaScript 资源，应该尽可能地使用多个域名来加载，这样会提高浏览器的并行下载数量，加快页面加载速度。
评论已关闭