HTML5与CSS3权威指南 - 笔记
2015-09-04 00:00
567 查看
摘要: HTML5与CSS3权威指南的学习笔记
第一章 Web时代的变迁
HTML5的目标是创建更简单的Web程序,书写更简洁的HTML代码
第二章 HTML5与HTML4的区别
版本声明:
指定字符编码:
section、article、aside、header、hgroup、footer、nav、figure
新增的其他元素:
video、audio、embed、mark、progress、time、ruby、rt、rp、wbr
新增的功能:
canvas、command、details、datalist、datagrid、keygen、output、source、menu
新增input元素的类型:
email、url、number、range、date、month、week、time、datetime、datetime-local
废除的元素:
使用CSS替代的元素:basefont、big、center、font、s、strike、tt、u
不再使用frameset元素
只有部分浏览器支持的元素:applet、bgsound、blink、marquee
其他被废除的元素:rb、acronym、dir、isindex、listing、xmp、nextid、plaintext
新增和废除的属性:
1、表单相关:
可以对input、select、textarea与button元素指定autofocus属性,自动获取焦点
可以对input与textarea指定palceholder属性,进行输入提示
可以对input、output、select、textarea、,button与fieldset指定form属性,用于声明输入那个表单
可以对input与textarea元素指定required属性,提示用户该元素一定要输入内容
为input元素增加了新的属性:autocomplete、min、max、multiple、pattern与step
为fieldset增加disabled属性为input、button元素增加新的属性formaction、formenctype、formmethod、formnovalidate与formtarget,可重载form元素的对应属性
为fieldset增加disabled属性,把其子元素设为无效状态
为input、button、form元素增加novalidate属性,可取消相关检查
链接相关属性:
为a与area元素指定media属性,规定URL为什么类型的媒介或设备进行优化
为area元素增加hreflang属性与rel属性
为link元素增加sizes
为base元素增加target属性
其他属性:
为ol元素增加属性reversed,指定列表倒序显示
为meta元素增加charset属性
为menu元素增加type与label
为style元素增加scoped属性,规定样式作用范围
为script元素增加async属性,定义脚本是否异步执行
为html元素增加属性manifest,开发离线Web时与API结合使用
为iframe元素增加sandbox、seamless与srcdoc
废除的属性:
略
全局属性:
第一章 Web时代的变迁
HTML5的目标是创建更简单的Web程序,书写更简洁的HTML代码
第二章 HTML5与HTML4的区别
版本声明:
<!DOCTYPE html>
指定字符编码:
<meta charset="UTF-8">新增的结构元素:
section、article、aside、header、hgroup、footer、nav、figure
新增的其他元素:
video、audio、embed、mark、progress、time、ruby、rt、rp、wbr
新增的功能:
canvas、command、details、datalist、datagrid、keygen、output、source、menu
新增input元素的类型:
email、url、number、range、date、month、week、time、datetime、datetime-local
废除的元素:
使用CSS替代的元素:basefont、big、center、font、s、strike、tt、u
不再使用frameset元素
只有部分浏览器支持的元素:applet、bgsound、blink、marquee
其他被废除的元素:rb、acronym、dir、isindex、listing、xmp、nextid、plaintext
新增和废除的属性:
1、表单相关:
可以对input、select、textarea与button元素指定autofocus属性,自动获取焦点
可以对input与textarea指定palceholder属性,进行输入提示
可以对input、output、select、textarea、,button与fieldset指定form属性,用于声明输入那个表单
可以对input与textarea元素指定required属性,提示用户该元素一定要输入内容
为input元素增加了新的属性:autocomplete、min、max、multiple、pattern与step
为fieldset增加disabled属性为input、button元素增加新的属性formaction、formenctype、formmethod、formnovalidate与formtarget,可重载form元素的对应属性
为fieldset增加disabled属性,把其子元素设为无效状态
为input、button、form元素增加novalidate属性,可取消相关检查
链接相关属性:
为a与area元素指定media属性,规定URL为什么类型的媒介或设备进行优化
为area元素增加hreflang属性与rel属性
为link元素增加sizes
为base元素增加target属性
其他属性:
为ol元素增加属性reversed,指定列表倒序显示
为meta元素增加charset属性
为menu元素增加type与label
为style元素增加scoped属性,规定样式作用范围
为script元素增加async属性,定义脚本是否异步执行
为html元素增加属性manifest,开发离线Web时与API结合使用
为iframe元素增加sandbox、seamless与srcdoc
废除的属性:
略
全局属性:
相关文章推荐
- CSS3属性教程与案例分享
- CSS3属性教程与案例分享
- CSS3的calc()使用
- 使用CSS3的appearance属性改变元素的外观
- CSS3美化图片
- CSS3质感分析——表面线性渐变
- 分析选项卡底部内凹圆角制作
- 细说百度图片栏目——图片展示效果
- 8个实用的响应式设计框架
- 20+ Animation Scripts, Libraries and Plugins
- HTML5中在客户端验证文件上传的大小
- 如何使用CSS3画出一个叮当猫
- 原生js结合html5制作小飞龙的简易跳球
- 三个不常见的 HTML5 实用新特性简介
- CSS3实例分享之多重背景的实现(Multiple backgrounds)
- 低版本IE正常运行HTML5+CSS3网站的3种解决方案
- js+HTML5实现canvas多种颜色渐变效果的方法
- javascript+HTML5的Canvas实现Lab单车动画效果