HTML5篇
1.1HTML历史与HTML
1.1.1HTML发展历史
1.1.2HTML5文件的基本结构
1.2HTML5的优势
1.2.1解决了跨浏览器问题
1.2.2明确的语义支持
1.2.3部分属性代替了原来的JavaScript
1.3HTML5文件的编写方法
1.3.1使用记事本编写HTML文件
1.3.2使用DreamweaverCC编写HTML文件
2.1语法
2.1.1HTML5的语法变化
2.1.2HTML5的标记方法HTML5篇<br/>1.1HTML历史与HTML<br/>1.1.1HTML发展历史<br/>1.1.2HTML5文件的基本结构<br/>1.2HTML5的优势<br/>1.2.1解决了跨浏览器问题<br/>1.2.2明确的语义支持<br/>1.2.3部分属性代替了原来的JavaScript<br/>1.3HTML5文件的编写方法<br/>1.3.1使用记事本编写HTML文件<br/>1.3.2使用DreamweaverCC编写HTML文件<br/>2.1语法<br/>2.1.1HTML5的语法变化<br/>2.1.2HTML5的标记方法<br/>2.1.3HTML5与其他版本互相兼容<br/>2.2HTML5保留的常用标签<br/>2.2.1基本标签<br/>2.2.2文本格式化标签<br/>2.2.3超链接和锚点<br/>2.2.4列表相关标签<br/>2.2.5图像相关标签<br/>2.2.6表格相关标签<br/>2.2.7框架相关标签<br/>2.3新增的常用标签<br/>2.3.1文档结构标签<br/>2.3.2语义相关标签<br/>2.4HTML5的通用属性<br/>2.4.1contentEditable属性<br/>2.4.2designMode属性<br/>2.4.3hidden属性<br/>2.4.4tabindex属性<br/>2.4.5spellcheck属性<br/>2.5HTML5中新增属性与不再使用的属性<br/>2.5.1新增的属性<br/>2.5.2不再使用的属性<br/>3.1主体结构元素<br/>3.1.1header元素<br/>3.1.2article元素<br/>3.1.3section元素<br/>3.1.4nav元素<br/>3.1.5aside元素<br/>3.1.6footer元素<br/>3.1.7address元素<br/>3.2分组元素<br/>3.2.1hgroup元素<br/>3.2.2figure元素和figcaption元素<br/>3.3文本语义元素<br/>3.3.1mark元素<br/>3.3.2time元素<br/>3.3.3wbr元素<br/>3.3.4ruby元素、rt元素和rp元素<br/>3.4功能元素<br/>3.4.1meter元素<br/>3.4.2progress元素<br/>3.4.3details元素<br/>3.4.4summary元素<br/>3.5音频和视频元素<br/>3.5.1video元素<br/>3.5.2audio元素<br/>3.5.3用JavaScript控制video元素、audio元素<br/>4.1了解表单<br/>4.1.1表单概述<br/>4.1.2表单的基本结构<br/>4.1.3表单的新增属性<br/>4.1.4新增表单元素使用样式的方法<br/>4.2input元素类型<br/>4.2.1email类型<br/>4.2.2url类型<br/>4.2.3number类型<br/>4.2.4range类型<br/>4.2.5date类型和time类型<br/>4.3HTML5为表单控件新增的属性<br/>4.4表单验证<br/>4.4.1自动验证<br/>4.4.2显示验证<br/>4.4.3取消验证<br/>4.4.4自定义错误信息<br/>4.5文件API<br/>4.5.1FileReader接口<br/>4.5.2FileList对象与file对象<br/>4.6拖放API<br/>4.6.1拖放API简介<br/>4.6.2实现拖放的步骤<br/>4.6.3DataTransfer对象的属性与方法<br/>5.1video元素与audio元素简介<br/>5.2video和audio的属性<br/>5.3video和audio的方法<br/>5.4相关事件<br/>5.4.1事件处理方式<br/>5.4.2事件介绍<br/>5.4.3事件监听<br/>6.1canvas基础<br/>6.1.1canvas元素<br/>6.1.2浏览器支持<br/>6.2绘制矩形<br/>6.2.1rect()方法<br/>6.2.2fillRect()方法<br/>6.2.3strokeRect()方法<br/>6.3使用路径<br/>6.3.1绘制圆形<br/>6.3.2moveTo与lineTo<br/>6.3.3绘制基本图形<br/>6.3.4使用bezierCurveTo()方法绘制贝塞尔曲线<br/>6.4绘制颜色渐变<br/>6.4.1线性渐变<br/>6.4.2径向渐变<br/>6.5绘制文本<br/>6.5.1绘制普通文本<br/>6.5.2绘制阴影文本<br/>6.6使用图像<br/>6.6.1绘制图像<br/>6.6.2图像平铺<br/>6.6.3图像裁剪<br/>6.6.4像素处理<br/>6.7图像的保存与恢复<br/>6.7.1保存与恢复状态<br/>6.7.2保存文件<br/>6.8简单动画制作<br/>CSS3篇<br/>7.1了解CSS<br/>7.1.1CSS发展历史<br/>7.1.2CSS3的优缺点<br/>7.2CSS3能做什么<br/>8.1引入外部样式文件<br/>8.2导入外部样式<br/>8.3使用内部CSS样式<br/>8.4使用内联样式<br/>8.5优先级问题<br/>9.1选择器概述<br/>9.2属性选择器<br/>9.2.1属性选择器简介<br/>9.2.2CSS3中的属性选择器<br/>9.2.3灵活运用属性选择器<br/>9.3结构性伪类选择器<br/>9.3.1伪类选择器及伪元素选择器<br/>9.3.2结构性伪类选择器<br/>9.4目标伪类选择器<br/>9.5UI元素状态伪类选择器<br/>9.5.1E:hover、E:active和E:focus伪类选择器<br/>9.5.2E:enabled与E:disabled伪类选择器<br/>9.5.3E:read-only与E:read-write伪类选择器<br/>9.5.4E:checked、E:default和E:indeterminate伪类选择器<br/>9.5.5E::selection伪类选择器<br/>9.6通用兄弟元素选择器<br/>9.7元素选择器<br/>9.8ID选择器<br/>9.9class选择器<br/>9.10ID选择器与class选择器的优先级问题<br/>10.1字体属性<br/>10.1.1字体(font-family)<br/>10.1.2字号(font-size)<br/>10.1.3字体风格(font-style)<br/>10.1.4加粗字体(font-weight)<br/>10.1.5字体的复合属性(font)<br/>10.1.6字体颜色(color)<br/>10.2文本**样式<br/>10.2.1阴影文本(text-shadow)<br/>10.2.2溢出文本(text-overflow)<br/>10.2.3控制换行(word-wrap)<br/>10.2.4字体尺寸控制(font-size-adjust)<br/>10.3段落设置<br/>10.3.1单词间隔(word-spacing)<br/>10.3.2字符间隔(letter-spacing)<br/>10.3.3文字修饰(text-decoration)<br/>10.3.4水平对齐方式(text-align)<br/>10.3.5垂直对齐方式(vertical-align)<br/>10.3.6文本缩进(text-indent)<br/>10.3.7文本行高(line-height)<br/>10.3.8文本反排(unicode-bidi和direction)<br/>10.4自定义字体<br/>11.1盒的类型<br/>11.1.1基本类型<br/>11.1.2inline-block和inline-table类型<br/>11.1.3表格相关盒模型<br/>11.1.4list-item盒模型<br/>11.2盒属性<br/>11.2.1overflow属性<br/>11.2.2text-overflow属性<br/>11.2.3box-shadow属性<br/>11.2.4box-sizing属性和resize属性<br/>11.2.5box-orient属性<br/>11.2.6box-flex属性<br/>11.2.7box-direction属性<br/>11.3布局介绍<br/>11.3.1float属性及clear属性<br/>11.3.2columns属性<br/>11.3.3弹性盒布局<br/>12.1背景相关属性<br/>12.2新增的背景属性<br/>12.2.1background-clip属性<br/>12.2.2background-origin属性<br/>12.2.3background-size属性<br/>12.2.4background-break属性<br/>12.3多背景图设置<br/>12.4边框的设置<br/>12.4.1border-radius属性<br/>12.4.2border-color属性<br/>12.4.3border-image属性<br/>13.1Transform<br/>13.1.1Transform的基础知识<br/>13.1.2Transform的分类<br/>13.1.3同时进行多种变换<br/>13.2Transition<br/>13.2.1Transition功能的使用方法<br/>13.2.2同时过渡多个属性<br/>13.3Animation<br/>13.3.1Animation功能的使用方法<br/>13.3.2多个属性同时改变的动画<br/>JavaScript篇<br/>14.1JavaScript语言简介<br/>14.2JavaScript开发及运行环境<br/>15.1语法<br/>15.1.1区分大小写<br/>15.1.2注释<br/>15.1.3严格模式<br/>15.1.4标识符<br/>15.2保留关键字<br/>15.3变量<br/>15.3.1变量命名规则<br/>15.3.2变量声明<br/>15.3.3基本类型值和引用类型值<br/>15.4基本数据类型<br/>15.4.1Typeof操作符<br/>15.4.2Undefined类型<br/>15.4.3Null类型<br/>15.4.4Boolean类型<br/>15.4.5Number类型<br/>15.4.6String类型<br/>15.5复合类型<br/>15.5.1对象<br/>15.5.2数组<br/>15.5.3函数<br/>15.6运算符<br/>15.6.1赋值运算符<br/>15.6.2算术运算符<br/>15.6.3位运算符<br/>15.6.4比较运算符<br/>15.6.5逻辑运算符<br/>15.6.6三目运算符<br/>15.6.7逗号运算符<br/>15.7语句<br/>15.7.1if语句<br/>15.7.2do-while语句<br/>15.7.3while语句<br/>15.7.4for语句<br/>15.7.5for-in语句<br/>15.7.6break语句和continue语句<br/>15.7.7with语句<br/>15.7.8switch语句<br/>15.8函数<br/>15.8.1函数定义<br/>15.8.2函数调用<br/>15.8.3函数的实参和形参<br/>15.8.4递归函数<br/>15.8.5闭包<br/>15.8.6函数的实例属性和方法<br/>15.9私有变量<br/>16.1函数作用域<br/>16.2作用域链<br/>17.1DOM概述<br/>17.2节点层次<br/>17.2.1元素节点<br/>17.2.2文本节点<br/>17.2.3属性节点<br/>17.2.4注释节点<br/>17.2.5文档类型节点<br/>17.2.6CSS<br/>17.2.7JavaScript获取元素的方式<br/>17.3DOM的操作技术<br/>17.3.1修改HTML元素<br/>17.3.2表格操作<br/>17.4DOM扩展<br/>17.4.1选择符API<br/>17.4.2元素遍历<br/>17.4.3HTML5中类的操作<br/>17.4.4焦点管理<br/>17.4.5HTMLDocument的变化<br/>17.4.6字符编码<br/>17.4.7自定义数据属性<br/>17.4.8样式的相关特性<br/>18.1window对象<br/>18.1.1全局的window对象<br/>18.1.2访问历史<br/>18.2访问URL<br/>18.3弹出新窗口<br/>18.3.1对话框<br/>18.3.2浏览器和屏幕信息<br/>18.3.3使用定时器<br/>19.1基本事件模型<br/>19.1.1绑定HTML元素属性<br/>19.1.2绑定DOM对象属性<br/>19.1.3事件处理函数和关键字this<br/>19.2事件流<br/>19.2.1事件冒泡<br/>19.2.2事件捕获<br/>19.3事件对象<br/>19.3.1DOM中的事件对象<br/>19.3.2IE中的事件对象<br/>19.3.3跨浏览器事件对象<br/>19.4事件类型<br/>19.4.1鼠标事件<br/>19.4.2键盘事件<br/>19.4.3文本事件<br/>19.4.4HTML5事件<br/>19.4.5设备事件<br/>19.4.6触摸事件<br/>19.5DOM的事件模型<br/>19.5.1绑定的事件处理器<br/>19.5.2访问事件对象<br/>19.5.3转发事件<br/>19.5.4取消事件的默认行为<br/>19.5.5事件委托<br/>19.6表单事件<br/>19.6.1elements[]表单对象集合<br/>19.6.2提交表单<br/>19.6.3重置表单<br/>19.6.4获取焦点事件<br/>19.6.5失去焦点事件<br/>19.7oncontextmenu事件<br/>20.1Object类型<br/>20.2Array类型<br/>20.2.1创建数组的方式<br/>20.2.2操作数组的方法<br/>20.3Date类型<br/>20.4RegExp类型<br/>20.5Function类型<br/>20.5.1使用函数声明定义函数<br/>20.5.2使用函数表达式定义函数<br/>20.5.3函数重载<br/>20.5.4arguments<br/>20.5.5this对象<br/>20.5.6函数的属性和方法<br/>21.1理解对象<br/>21.1.1面向对象的概念<br/>21.1.2属性类型<br/>21.1.3对象和关联数组<br/>21.2创建对象<br/>21.2.1使用构造函数创建对象<br/>21.2.2使用Object直接创建对象<br/>21.2.3使用JSON语法创建对象<br/>21.3继承<br/>21.3.1原型链<br/>21.3.2原型继承<br/>21.3.3多重继承<br/>21.3.4寄生式继承<br/>21.3.5原型继承与属性拷贝的混合应用<br/>21.3.6借用构造函数<br/>21.3.7组合继承<br/>21.3.8对象拷贝<br/>21.3.9constructor属性和instanceof运算符<br/>22.1WebStorage<br/>22.1.1Storage接口<br/>22.1.2简单Web留言本<br/>22.1.3存储结构化数据<br/>22.2cookie<br/>22.3离线应用<br/>22.3.1离线检测<br/>22.3.2本地缓存、浏览器网页缓存与离线应用的区别<br/>22.3.3application对象<br/>22.3.4离线应用的事件与监听<br/>23.1WebWorker可用的API<br/>23.2创建多线程<br/>23.3数据交换<br/>23.3.1主线程与子线程之间的数据交换<br/>23.3.2子线程之间的数据交换<br/>23.4线程嵌套显示全部信息免费在线读 第1章HTML5简介
第1章
HTML5简介
视频讲解
1.1HTML历史与HTML5
HTML(超文本标记语言)的全称是HyperTextMarkupLanguage。超文本标记语言是标准通用标记语言下的一个应用,是一种规范,一种标准。它通过标记符号告诉浏览器如何显示其中的内容,如文字如何处理、画面如何安排、图片如何显示等。简单来说,HTML就是用来描述网页的一种语言,为网页创建和其他可在网页浏览器中看到的信息而设计。
HTML不是一种编程语言,而是一种标记语言(markuplanguage),它使用标记标签(markuptag)来描述网页。
1.1.1HTML发展历史
HTML从面世到标准规范*终制定完成并公开发布,凝结了大量网络工作者心血。
HTML1.0:1993年6月,HTML1.0作为互联网工程工作小组(IETF)工作草案发布。
HTML2.0:1995年11月,HTML2.0发布,但在2000年6月被宣布已经过时。
HTML3.2:W3C组织于1997年1月14日发布,是W3C**标准。
HTML4.0:W3C组织于1997年12月18日发布,是W3C**标准。
HTML4.01:基于HTML4.0进行了微小改进,W3C组织于1999年12月24日发布,是W3C**标准。
XHTML1.0:W3C组织于2000年1月26日发布,是W3C**标准,后来经过修订于2002年8月1日重新发布。
HTML5:2014年10月28日发布,是W3C**标准。
HTML语言从1.0到5.0经历了巨大的变化,HTML3.2和HTML4.01是常见的版本。HTML5是HTML*新的修订版本,是下一代HTML标准。HTML5仍处于完善之中,但大部分现代浏览器已经具备了某些HTML5支持。

HTML5篇
1.1HTML历史与HTML
1.1.1HTML发展历史
1.1.2HTML5文件的基本结构
1.2HTML5的优势
1.2.1解决了跨浏览器问题
1.2.2明确的语义支持
1.2.3部分属性代替了原来的JavaScript
1.3HTML5文件的编写方法
1.3.1使用记事本编写HTML文件
1.3.2使用DreamweaverCC编写HTML文件
2.1语法
2.1.1HTML5的语法变化
2.1.2HTML5的标记方法

因印刷批次不同,图书封面可能与实际展示有所区别,增值服务也可能会有所不同,以读者收到实物为准。《中公版·实用Web前端开发:轻松学 HTML5+CSS3+JavaScript》分为HTML5、 CSS3、JavaScript三个部分,每一部分都从基础知识入手,逐步深入,结合大量的代码示例,帮助读者在了解理论知识的基础上,提高实战能力,既可作为Web前端开发初学者的入门教材,又可作为中*****进一步学习新技术的参考用书。本书采用双色印刷,图文结合,讲解详细明确,而且大部分章节配有二维码视频进行重难点讲解,使读者在掌握基础知识的基础上,具备较强的实际操作能力,读者扫描二维码即可实现在线学习,操作便捷**。