扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
head : html头部
10年积累的成都做网站、网站制作经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先网站设计后付款的网站建设流程,更有洛扎免费网站建设让你可以放心的选择与我们合作。
meta: 元数据信息
body: html实体
通过上面的图可以知道,网页内容首先会被html解析器解析成一个DOM树,实际上html是我们最先会通过网址向服务器请求回来的,请求回来的html从字节流转成字符流,我们的浏览器实际拿到的就是一个字符流,然后浏览器通过词法分析对输入字节流进行逐字扫描,根据构词规则识别单词和符号,分词,生成相应的token,之后会将这些token通过nextToken()添加到dom树中去。所以html解析是从上到下对文档进行一个此法分析,所以它首先遇到html标签的时候会对html生成一个token,这个token会被标记成一个startTag的类型,对于header的花也会被标记成startTag,但是它会声称为headerToken,就是说对于不同类型的html标签格式,在词法分析的过程中,会解析成一个相应的对象,然后token类型会被浏览器解析,最后会将token类型append到dom树上去。
在这个过程中,html中可能会通过link去引入其他相应的资源,比如css的资源,这个时候浏览器可能就会兵法的向服务器去请求这个相关的静态资源,请求回来后通过css解析器对其进行解析,从而生成一个css树,去和dom树进行结合生成一个render Tree,进一步的进行一个布局,最终进行绘制。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流