第2章 初识HTML5课件.ppt

HTML的发展的发展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的文档结构与基本语法。 HTML 5文档结构文档结构编写HTML文件的时候，必须遵循HTML的语法规则。一个完整的HTML文件由标题、段落、列表、表格、单词和嵌入的各种对象所组成。这些逻辑上统一的对象统称为元素，HTML使用标签来分割并描述这些元素。实际上整个HTML文件就是由元素与标签组成的。 HTML5的基本语法的基本语法绝大多数元素都有起始标签和结束标签，在起始标签和结束标签之间的部分是元素体，例如。第一个元素都有名称和可选择的属性，元素的名称和属性都在起始标签内标明。 HTML 5中精简的头部中精简的头部HTML 5避免了不必要的复杂性，DOCTYPE和字符集都极大地简化了。DOCTYPE声明是HTML文件中必不可少的内容，它位于HTML文档的第一行，声明了HTML文件遵循的规范。在HTML 5中新增了许多新的有意义的标签，为了方便学习和记忆，在本节中将HTML 5中新增的标签进行分类介绍。 结构标签结构标签文本标签文本标签应用和辅助标签应用和辅助标签进度标签进度标签交互性标签交互性标签在文档和应用中使用的标签在文档和应用中使用的标签标签标签其他标签其他标签在HTML5中也废弃了一些以前HTML中的标签，主要是以下几个方面的标签。可以使用可以使用CSS样式替代的标签样式替代的标签在HTML 5之前的一些标签中，有一部分是纯粹用作显示效果的标签。而HTML 5延续了内容与表现分离，对于显示效果更多地交给CSS样式去完成。所以，在这方面废弃的标签有：、和。不再支持不再支持frame框架框架由于frame框架对网页可用性存在负面影响，因此在HTML 5中已经不再支持frame框架，但是支持iframe框架。所以HTML 5中废弃了frame框架的、和标签。其他废弃标签其他废弃标签在HTML 5中其他被废弃的标签主要是因为有了更好的替代方案。在HTML中标签拥有属性，在HTML 5中新增的属性：contenteditable、contextmenu、draggable、irrelevant、ref、registrationmark、template。不再支持HTML4.01中的accesskey属性。 HTML元素可以拥有事件属性，这些属性在浏览器触发行为，比如当用户单击一个HTML元素时启动一段JavaScript脚本。下面列出的事件属性，可以把他们插入到HTML中来定义事件行为。HTML 5中的新事件：onabort、onbeforeunload、oncontextmenu、ondrag、ondragend、ondragenter、ondragleave、ondragover、ondragstart、ondrop、onerror、onmessage、onmousewheel、onresize、onscroll、onunload。不再支持属性：onreset。 与HTML 4相比，HTML 5的发展有着革命性的进步。本章主要讲解了HTML 5的基础知识，包括HTML 5的发展、优势、结构和语法等，重点介绍了HTML 5中新增的标签。读者应该仔细学习本章内容，对HTML 5做好初识工作，为学习后面HTML 5的相关知识打下良好的基础，便于更好地掌握和使用HTML 5。