html代码的执行顺序

过去一直以为，一个容器如果没有读到自己的结束标签，那么这个容器就不会在浏览器中显示出来。今天测试了下，却发现浏览器在读到一个容器的开始标签的时候，就可以显示该容器了。关于浏览器如何一个一个的paint HTML中的元素，如果flow它们，这个过程还需要进一步了解。当然，也可以不管过程，只看加载的结果，通过pagespeed和Yslow来优化自己的网页。个人在做布局的时候，还是会秉承一条原则：尽量让一个父容器小一些！

是按照先后顺序执行的。

有一个很典型的例子：

<script>

alert(document.getElementById('myid'))

</script>

<div id="myid" />

<script>

alert(document.getElementById('myid'))

</script>

第一个alert显示NULL，因为HTML还未解析，元素不存在。

第二个alert显示[object HTMLDivElement]

望采纳~

---