(HTML5程序设计及实践)第1章HTML5简介.ppt

HTML5的语法规范 内容类型（ContentType）：扩展名仍然为“.html”或“.htm”，内容类型仍然为“text/html”。 DOCTYPE声明：在HTML5中，并没有使用版本声明，一份文档将会适用于所有版本的HTML。 指定字符编码：可以直接使用meta元素的charset属性来指定字符编码， * !DOCTYPE html meta charset=”UTF-8” HTML5的元素标记 * HTML5的元素属性变化 对于具有boolean值的属性，例如disabled和readonly等，当只写属性而不指定属性值时，则默认缺省值为true。 * !-- 只写属性不写属性值代表属性值默认为true -- input type=”checkbox” checked / !-- 不写属性代表属性值默认为false-- input type=”checkbox” / !-- 属性值＝属性名，代表为true-- input type=”checkbox” checked=”checked” / HTML5新元素 新的结构元素：section、article、aside、header、hgroup、footer、nav、figure 新的媒体元素：audio、video、canvas等 新的列表元素：details、detalist等 新的表单域元素：email、rul、number、range、color、 date pickers * HTML5文档结构 !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN /TR/html4/loose.dtd html head meta http-equiv=Content-Type content=text/html; charset=utf-8 title无标题文档/title /head body /body /html !doctype html html head meta charset=utf-8 title无标题文档/title /head body /body /html HTML4 HTML5 第*页 共4页 开发工具与环境 Adobe Dreamweaver CS6 Visual Studio 2013 Eclipse Luna 第*页 共4页 HTML5 DEMO /news/201406/warlial-html5-fff.html /art/201209/357270.htm W3C:World Wide Web Consortium 万维网联盟 创建于1994年，是Web技术领域最具权威和影响力的国际中立性技术标准机构 WHATWG：Web Hypertext Application Technology Working Group网页超文本应用技术工作小组 2004年，由Opera、Mozilla基金会和苹果这些浏览器厂商组成。 WHATWG成立的原因是W3C意图放弃HTML，而力图发展XML（可扩展标记记语言下的一个子集）技术 * * 并把允许弹出桌面消息的功能打开（“Under the Hood - Privacy - Content settings - Notifications，选择Allow all sites to show desktop notifications.） * 并把允许弹出桌面消息的功能打开（“Under the Hood - Privacy - Content settings - Notifications，选择Allow all sites to show desktop notifications.） * 并把允许弹出桌面消息的功能打开（“Under the Hood - Privacy - Content settings - Notifications，选择Allow all sites to show desktop notifications.） * 并把允许弹出桌面消息的功能打开（“Under the Hood - Privacy - Content settings - Notifications，选择Allow all sites to show desktop notifications.） * 谢 谢 Thanks for listening. 谢 谢 Thanks for listening. 第1章 HTML5概述 浏览器发展历史 蒂姆·伯纳斯·李（Tim Berners-Lee）爵士（1955年出生于英国）是万维网的发明者，互联网之父。1989年3月他正式提出万维网的设