前端工程师-设计开发HTMLCSS和JS的定义或引用
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
现在的网页设计，一般采用内容与表现相分离，即网页的组成包含：内容（HTML）+ 样式(CSS) + 脚本(JS) 。AD：
浏览器解析原理
服务器接收到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的引用