html5+css3网页前端开发基础整理.pdfVIP

html5+css3 网页前端开发基础 目录 1. 新的文档类型 2 2. Meta 声明 2 3. 脚本和链接无需 type 2 4. 新的语义标签 3 5. 新的 Input 类型 6 6. 新的表单元素 6 7. 新的表单属性 7 8. 全局属性 8 9. 视频 9 10. 音频 10 11. Canvas与 SVG 10 12. Web 存储 11 13. CSS3圆角 12 14. CSS3 背景 12 15. CSS3 不透明度 13 16. CSS3 盒子尺寸 13 17. CSS3文本属性 15 18. CSS3颜色属性 16 1. 新的文档类型 在 HTML4.01 或 XHTML1.0 中，你需要像这样声明文档类型： !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN /TR/html4/loose.dtd !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd. 严格版本、过渡版本、框架集 在 HTML5中，只有一种声明方式： 不需要指定具体版本，表示最新的 HTML版本 !DOCTYPE html. 2. Meta 声明 在 HTML4.01 中（字符的编码方式）： meta http-equiv=content-type content=text/html; charset=UTF-8 在 HTML5中： meta charset=UTF-8 3. 脚本和链接无需 type 在 HTML4或 XHTML中，你需要用下面的几行代码来给你的网页添加 CSS和 JavaScript 文件。 link rel=stylesheet href=path/to/stylesheet.css type=text/css /. script src=path/to/script.js type=text/javascript ./.script. 而在 HTML5中，你不再需要指定类型属性。因此，代码可以简化如下： link rel=stylesheet href=path/to/stylesheet.css /. script src=path/to/script.js./.script. 4. 新的语义标签 普通的页面的布局方式： HTML5新标签带来的新的布局： 1. 开发人员更直观的了解页面每一部分的功能。 2. 搜索引擎以及屏幕阅读器也能更方便地识别页面每一部分的功能。 注：低版本 ie 浏览器兼容性 IE9 以下版本浏览器兼容 HTML5 的方法，使用百度静态资源的 html5shiv 包： !--[if lt IE9] script src=/libs/html5shiv/3.7/html5shiv.min.js/script ![endif]-- 载入后，初始化新标签的 CSS ，转为块状元素： /*html5*/ article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block} /Capricornus/archive/2013/03/26/2982122.html 1. 区块标签 header ：一般被放置在页面的顶部，或者页面中某个区块元素的顶部。在一个文档中， 可以定义多个 header 标签，它不局限于写在网页头部，也可以写在网页内容里面，可 以为 body 、article 、section 和 aside 增加 header 标签。 foo