您的位置:首页 > Web前端 > HTML5

HTML5与CSS3权威指南 - 笔记

2015-09-04 00:00 567 查看
摘要: HTML5与CSS3权威指南的学习笔记

第一章 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

废除的属性:



全局属性:
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  HTML5 CSS3