HTML5+CSS开发 HTML5简介 CH1-1 HTML5简介.pptVIP

HTML5应用开发 HTML5简介 什么是HTML5 HTML5新特性 浏览器兼容性 HTML5与HTML4区别 HTML5是HTML语言的最新版本，其前身是由网页超文本应用技术工作小组WHATWG（Web Hypertext Application Technology Working Group）于2004年提出的Web Applications 1.0。 HTML5 建立的一些规则： 新特性应该基于 HTML、CSS、DOM 以及 JavaScript。 减少对外部插件的需求（比如 Flash） 更优秀的错误处理 更多取代脚本的标记 HTML5 应该独立于设备 开发进程应对公众透明 HTML语言最开始是用来描述文档的结构的，如标题，段落等，后来因为人们还想用它控制文档的外观，HTML又增加了一些控制字体，对齐等方面的标记和属性 于是人们提出了web标准，即结构和表现分离，网页由结构，表现和行为组成，用HTML描述文档的结构。用CSS控制文档的表现 body h2font color=#FF0000 face=黑体CSS标记1/font/h2 pCSS标记的正文内容1/p h2font color=#FF0000 face=黑体CSS标记2/font/h2 pCSS标记的正文内容2/p h2font color=#FF0000 face=黑体CSS标记3/font/h2 pCSS标记的正文内容3/p h2font color=#FF0000 face=黑体CSS标记4/font/h2 pCSS标记的正文内容4/p /body 导致的问题：代码冗余 如果要修改元素的样式，也要一个个的改，修改工作量大 结构和表现混杂在一起 h2{ font-family:黑体; color:red; } h2CSS标记1/h2 pCSS标记的正文内容1/p h2CSS标记2/h2 pCSS标记的正文内容2/p h2CSS标记3/font/h2 pCSS标记的正文内容3/p h2CSS标记4/font/h2pCSS标记的正文内容4/p 没有了代码冗余 如果要修改，只需修改选择器中的内容就可以了 结构和表现分离 HTML5 中的一些有趣的新特性： 用于绘画的 canvas 元素 用于媒介回放的 video 和 audio 元素 对本地离线存储的更好的支持 新的特殊内容元素，比如 article、footer、header、nav、section 新的表单控件，比如 calendar、date、time、email、url、search HTML5已经被IE 9+，Firefox 4+、chrome等浏览器支持，对于不支持HTML5的旧版浏览器，HTML5也能保证旧版浏览器能够安全地忽略掉HTML5代码。 可通过网站查询浏览器的支持 / / / Modernizr 是一个 JavaScript 库，用于检测用户浏览器的 HTML5 与 CSS3 特性。