HTML 标签仅在整个页面加载后运行 - HTML

HTML标签在页面加载时会按照自上而下的顺序依次加载，并且只有在整个页面加载完毕之后才会运行其中的JavaScript代码。这是由于浏览器在执行HTML标签时是按照有序的流程进行的。

HTML的加载顺序

HTML 标签的加载顺序取决于其在 HTML 文档中的位置。在 HTML 文档中放置脚本标签的位置非常重要，因为它会影响页面的加载时间。下面是 HTML 标签的一般加载顺序：

1. Doctype声明
2. HTML标签
3. Head标签
4. Title标签
5. Meta标签
6. Link标签
7. Script标签
8. Body标签

JavaScript的执行顺序

在整个页面加载完成后，HTML 中的 JavaScript 代码将开始执行。JavaScript 代码在 HTML 加载期间不会被执行。一旦文档完全加载完毕，浏览器会按照以下顺序执行 JavaScript 代码：

1. 全局代码 - 无论你在哪个地方定义，它都会被执行。
2. 函数代码 - 仅在函数被调用时才会执行它的代码。
3. 事件处理程序代码 - 当事件被触发时才会执行它的代码。

HTML标签的异步加载

为了加快页面的加载速度，我们可以使用async和defer属性来标记脚本标签。使用这些属性可以使浏览器在加载脚本时不会停止页面的渲染，而是继续进行页面渲染，直到脚本加载完毕。异步加载脚本标签还可以减少延迟和快速加载页面。

<script src="path/to/script.js" async></script>

<script src="path/to/script.js" defer></script>

注意：async和defer属性只适用于外部 JavaScript 文件。内联JavaScript代码将不会被异步加载。

总结

HTML 标签在页面加载时会依次按照顺序加载，JavaScript 代码仅在整个页面加载完毕后才会被执行。我们可以使用async和defer属性来加快页面加载速度，以实现更好的用户体验。