浅谈HTML CSS和JS的定义或引用

浏览器解析原理

创新互联建站专注于卢氏企业网站建设,响应式网站开发,商城建设。卢氏网站建设公司,为卢氏等地区提供建站服务。全流程按需定制,专业设计,全程项目跟踪,创新互联建站专业和态度为您提供的服务

服务器接收到HTML->解析HTML结构建DOM树->解析CSS构建渲染树->为渲染树生成布局->绘制渲染树;在构建DOM树的同时,如果有JS,同时调用JS引擎解析。

HTML文件,在html文件的开头处一般会包含文档类型。常用过渡类型,支持html4.0的标签。其他文档类型有严格类型(Strict)和框架(Frameset)。

一个HTML文件,包含head和body两部分。外部文件(css和js)的引用、定义,以及网页的title,都是在head里定义的。Body部分,则是网页展示的内容。

HTML文件的Head部分,包含文档编码、CSS和JS的定义或引用:

文档编码,html引用文件(如CSS)的编码必须和本文档编码一致,否则可能出现乱码。

CSS和JS的定义或引用

可以直接在head中定义CSS和JS代码块,也可以通过引用的方式引用外部的CSS和JS文件,引用多个文件用“,”分隔。引用外部文件是现在通用的方式,可以保证整个网站风格的一致性和重用,利于样式和脚本的维护;可以减少网页的代码量,增加网页的浏览速度。

CSS的引用

JS的引用