前〓〓言

为了规范互联网技术的发展与应用，万维网联盟（World Wide Web Consortium，W3C）和欧洲计算机制造商协会（European Computer Manufacturers Association，ECMA）连续制定并更新了一系列Web技术规范，Google Chrome、Mozilla Firefox、Microsoft Edge等主流Web浏览器在升级过程中也持续支持W3C和ECMA连续更新的Web技术规范。

为了适应Web技术规范的不断更新，有必要对相关课程内容及知识点进行及时的梳理、调整、修订、更新和补充，为此，编者在本书的编写中努力做好以下几方面的工作。

1. 遵循技术规范，强调良好的代码书写风格。例题及习题的HTML和CSS代码不仅通过W3C验证，而且具有良好的代码书写风格。

2. 注重Web标准和网页设计原理。Web标准强调“网页内容和结构与表现的分离”，为此在例题中注重通过HTML和CSS代码的特有组织形式实现“网页内容和结构与表现的分离”。

3. 增加新的知识点。在本书中，不仅补充了HTML5中新增的语义元素（Semantic Elements）和CSS3及其应用，而且涵盖了弹性盒子布局（Flexible Box Layout）、网格布局（Grid Layout）、响应式布局（Responsive Layout）等新内容。此外，针对已经在主流Web浏览器中充分实现并在Web前端开发中广泛应用的ES6新特性，增加了严格模式、块作用域、闭包、箭头函数、JSON、正则表达式、模板字符串等新的知识点及其应用例题的讲解。

4. 面向后期Web开发类课程的知识点需求，精心设计本书内容。为此，书中有关JavaScript的内容以BOM、DOM及CSS操作为应用场景，对JavaScript的众多特性进行反复遴选，舍弃偏冷门的知识点，使用新特性或更规范的特性替代被废弃的特性，并增加jQuery相关内容，以便为后期Web开发类课程储备必要且充分的JavaScript知识。

5. 精心梳理关键知识点，并循序渐进地展开这些知识点。如果在课程教学初期就过早地向学生展示较多和较难的术语或概念，不仅容易使学生分散注意力、抓不住重点，而且让学生在初学阶段难以理解和掌握。为此，本书对章节内容及其前后安排进行反复推敲和精心安排，力图做到“先易后难，避免向学生过早展示较多和较难的知识点，仅使用已经讲解过的知识点来解决应用问题”。这样，即使对于零基础的学生，也能引导他们从最基础的知识开始，逐渐掌握更多、更全面的Web前端开发技术。

本书内容并没有覆盖网站开发与管理所涉及的所有知识点，而是从面向应用的角度出发，集中并详细讲解基于“内容、结构、表现和行为”层次模型的Web标准网页设计原理与前端开发技术。

本书主要面向教学（应用）型大学的电子商务、信息管理与信息系统、计算机科学与技术、软件工程及相关专业，可作为“网页设计与制作”“互联网前端开发技术”等课程的教材，也可作为相关培训教材或教学参考书，还可供网站开发与管理人员参考。

本书由西华大学的崔敬东、屈放共同编写。其中，崔敬东负责第4～13章的编写，屈放负责第1～3章的编写。此外，本书的出版得到清华大学出版社有关工作人员的大力支持，在此向他（她）们表示诚挚的感谢。

限于时间，书中难免有疏漏之处，敬请各位对本书内容提出意见或改进建议。

崔敬东

2026年6月于成都