- Web前端开发技术：HTML、CSS、JavaScript（第3版）
- 聂常红编著
- 1667字
- 2025-04-02 16:17:48
前言
在2005年以前的Web 1.0时代，网页内容比较简单，主要就是一些文字和图片，所以网页开发也比较简单，只要熟悉几个网页制作软件，诸如Photoshop、Dreamweaver、Flash软件，就很容易把网页制作出来，借助制作软件，网页开发对开发人员的要求并不高。在2005年以后，随着互联网进入Web 2.0时代，网页不仅要求完全地展现在访客面前，而且还要求具备炫酷的页面交互、良好的用户体验以及跨终端的适配兼容等功能。可见，在Web 2.0时代，对网页开发的要求越来越高，不论是开发难度上，还是开发方式上，网页开发都更接近传统的网站后台开发。所以此时的网页开发不再叫网页制作，而是叫前端开发，并且只有专业的前端工程师才能做好。
成为一名合格的前端工程师，需要掌握前端开发相关的技术，例如，HTML、CSS、JavaScript、Ajax、Node.js、React.js等技术。在众多的前端开发技术中，HTML、CSS、JavaScript是最基本也是最核心的技术，其他很多技术都是在这些核心技术的基础上发展起来的，这些新技术常常会随着时代的发展而被淘汰，而HTML、CSS、JavaScript作为原生语言却一直保持着旺盛的生命力。所以，作为前端开发人员，掌握原生语言HTML、CSS、JavaScript的开发技能是最核心的！鉴于HTML、CSS、JavaScript在前端开发中的重要性，本书对它们进行了详尽的介绍。
本书内容及特点如下。
本书分为4个部分：HTML、CSS、JavaScript和HTML+CSS+JavaScript的综合应用。系统、全面地介绍了Web开发所涉及的三大前端技术的内容和应用技巧。
第一部分：HTML相关内容。
这部分内容由第1章～第7章组成，主要讲述了HTML基础、常用文本标签、文档结构标签、在网页中插入多媒体内容、列表、div标签、元素类型、在网页中创建超链接、在网页中使用表格、在网页中创建表单等内容。
第二部分：CSS层叠样式表相关内容。
这部分内容由第8章～第12章组成，主要讲述了CSS基础、CSS常用属性、盒子模型、网页元素的CSS排版、网页常见布局版式等内容。
第三部分：JavaScript脚本相关内容。
这部分内容由第13章～第20章组成，主要讲述了JavaScript基础、脚本函数、事件处理、JavaScript内置对象、使用DOM操作HTML文档、BOM对象、正则表达式模式匹配、JavaScript经典实例等内容。
第四部分：HTML5+CSS+JavaScript综合应用。
这部分为第21章，将理论知识贯穿于实践，介绍了HTML5+CSS+JavaScript进行前端开发涉及的各方面内容和应用技巧。
本书具有以下几个特点。
•内容全面、系统。本书全面、系统地介绍了Web开发涉及的三大前端技术的内容和应用技巧。
•理论和实践完美结合。每章都配有大量的实用案例，对一些核心知识点，还在章节中引入综合案例；在全面、系统介绍各章内容知识的基础上，还提供了一个整合HTML5+CSS+JavaScript开发企业级网站的综合案例。通过各种案例，将理论知识和实践完美地结合起来。
•图文并茂。本书的每个实例都配有相应的运行效果图，效果直观，提高学习效率。
第3版说明如下。
第3版在第2版的基础上做了比较大的调整，其中涉及以下几方面内容。
•删除了陈旧的内容，如<font>、文字的修饰标签、<center>、<blockquot>、<hr>、<marquee>、框架等。这些HTML元素实现的效果都可以通过CSS或JavaScript实现，如<font>、文字的修饰标签、<center>、<blockquot>、<hr>的效果都可以通过CSS实现，<marquee>元素实现的滚动字幕效果在综合案例中就是通过JavaScript来实现的。同时增加了一些新的内容以及许多实用的内容，例如，新增了<video>、<audio>等HTML5标签，网页常见布局版式，使用正则表达式进行模式匹配等内容。
•遵循Web标准中的结构和表现分离原则，在介绍HTML标签时主要突出其对网页结构的展示，同时大量缩减HTML标签中有关设置样式属性的内容；而对于CSS的介绍，相比于前两个版本，增加了一倍的幅篇进行更为详细的介绍。
•对内容的部分结构做了调整，例如，将第2版中HTML5基础篇的内容和第一篇HTML的内容融合在一起；另外将原先放在第1章中网站建设与发布的内容调整到第21章综合案例中，作为第21章第1节的内容，第2节的案例则围绕第1节的内容展开；将原来最后两章的综合案例整合为一个HTML5+CSS+JavaScript的案例，将HTML5中的文档结构元素、表单新增属性及新增input类型等内容融入案例中。
•综合案例的代码也做了比较大的修改，例如，原来使用marquee标签实现滚动字幕的效果，现在使用JavaScript来实现；网页的布局增加了HTML5文档结构元素；校验表单数据的有效性，除了使用HTML5表单新增属性及新增input类型外，还增加了正则表达式匹配校验内容。
总之，第3版相对于前两个版本来说，内容更新、更实用，结构也更合理。
编者
2019年10月