第2章---初识HTML5.ppt

单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,单击此处编辑母版标题样式,*,*,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,单击此处编辑母版标题样式,*,*,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,单击此处编辑母版标题样式,*,*,HTML,的发展,2.1,了解,HTML 5,HTML 5,是近十年来,Web,标准最巨大的飞跃。和以前的版本不同，,HTML 5,并非仅仅用来表示,Web,内容，它的使命是将,Web,带入一个成熟的应用平台，在这个平台上，视频、音频、图像、动画，以及同电脑的交互都被标准化。尽管,HTML 5,的实现还有很长的路要走，但,HTML 5,正在改变,Web,。,HTML,的出现由来已久。,1993,年，,HTML,首次由因特网工程任务组（,IETF,）以因特网草案的形式发布。接着，,HTML,的发展一路高歌：,1995,年发布了,2.0,版，,1996,年发布了,3.2,版，,1997,年发布了,4.0,版，,1999,年,12,月发布了,4.01,版。从第三个版本（,3.2,版）开始，,W3C,（万维网联盟）开始接手，并负责后续版本的制定工作。,2006,年，,W3C,组建了新,HTML,的工作组，非常明智地采纳了,WHATWG,的意见，于,2008,年发布了,HTML5,的工作草案。,2010,年，,HTML 5,开始进入众多开发者的视野。在,HTML 5,规范还没定稿的情况下，各大浏览器厂商就已经按捺不住了，纷纷参与到规范的制定中来，并对自己旗下的产品进行升级以支持,HTML 5,的新功能。,HTML5,概述发展,W3C,在,2010,年,1,月,22,日发布了最新的,HTML 5,工作草案。,HTML 5,的工作组包括,AOL,、,Apple,、,Google,、,IBM,、,Microsoft,、,Mozilla,、,Nokia,、,Opera,以及数百个其他的开发商。制作定,HTML 5,的目的是取代,1999,年,W3C,所制定的,HTML 4.01,和,XHTML 1.0,标准，希望能够在网络应用迅速发展的同时，网页语言能够符合网络发展的需求。,HTML5,的优势,对于用户和网站开发者而言，,HTML 5,的出现意义非常重大。因为,HTML 5,解决了,Web,页面存在的诸多问题，,HTML 5,的优势主要表现在以下几个方面。,化繁为简,向下兼容,支持合理,实用性,用户优先,HTML5,中语法结构和,HTML,的语法结构基本一致，下面将分别介绍,HTML 5,的文档结构与基本语法。,2.2,HTML 5,语法结构,HTML 5,文档,结构,编写,HTML,文件的时候，必须遵循,HTML,的语法规则。一个完整的,HTML,文件由标题、段落、列表、表格、单词和嵌入的各种对象所组成。这些逻辑上统一的对象统称为元素，,HTML,使用标签来分割并描述这些元素。实际上整个,HTML,文件就是由元素与标签组成的。,HTML5,的基本语法,绝大多数元素都有起始标签和结束标签，在起始标签和结束标签之间的部分是元素体，例如,。第一个元素都有名称和可选择的属性，元素的名称和属性都在起始标签内标明,。,HTML 5,中精简的头部,HTML 5,避免了不必要的复杂性，,DOCTYPE,和字符集都极大地简化了。,DOCTYPE,声明是,HTML,文件中必不可少的内容，它位于,HTML,文档的第一行，声明了,HTML,文件遵循的规范。,在,HTML 5,中新增了许多新的有意义的标签，为了方便学习和记忆，在本节中将,HTML 5,中新增的标签进行分类介绍。,2.3,HTML 5,中新增的标签,结构标签,文本标签,应用和辅助标签,进度标签,交互性标签,在文档和应用中使用的标签,标签,其他标签,在,HTML5,中也废弃了一些以前,HTML,中的标签，主要是以下几个方面的标签。,可以使用,CSS,样式替代的标签,在,HTML 5,之前的一些标签中，有一部分是纯粹用作显示效果的标签。而,HTML 5,延续了内容与表现分离，对于显示效果更多地交给,CSS,样式去完成。所以，在这方面废弃的标签有：,、,、,、,、,、,、,和,。,不再支持,frame,框架,由于,frame,框架对网页可用性存在负面影响，因此在,HTML 5,中已经不再支持,frame,框架，但是支持,iframe,框架。所以,HTML 5,中废弃了,frame,框架的,、,和,标签。,其他废弃标签,在,HTML 5,中其他被废弃的标签主要是因为有了更好的替代方案。,2.4,HTML5,中废弃的标签,在,HTML,中标签拥有属性，在,HTML 5,中新增的属性：,contenteditable,、,contextmenu,、,draggable,、,irrelevant,、,ref,、,registrationmark,、,template,。不再支持,HTML4.01,中的,accesskey,属性。,2.5,HTML5,的标准属性,HTML,元素可以拥有事件属性，这些属性在浏览器触发行为，比如当用户单击一个,HTML,元素时启动一段,JavaScript,脚本。下面列出的事件属性，可以把他们插入到,HTML,中来定义事件行为。,HTML 5,中的新事件：,onabort,、,onbeforeunload,、,oncontextmenu,、,ondrag,、,ondragend,、,ondragenter,、,ondragleave,、,ondragover,、,ondragstart,、,ondrop,、,onerror,、,onmessage,、,onmousewheel,、,onresize,、,onscroll,、,onunload,。不再支持属性：,onreset,。,2.6,HTML5,的事件属性,与,HTML 4,相比，,HTML 5,的发展有着革命性的进步。本章主要讲解了,HTML 5,的基础知识，包括,HTML 5,的发展、优势、结构和语法等，重点介绍了,HTML 5,中新增的标签。读者应该仔细学习本章内容，对,HTML 5,做好初识工作，为学习后面,HTML 5,的相关知识打下良好的基础，便于更好地掌握和使用,HTML 5,。,2.7,本章小结,