html5完整自学使用教程.ppt

HTML5培训教程 什么是HTML5？ 　　HTML5是一个新的网络标准，现在仍处于发展阶段。目标是取代现有的HTML 4.01和XHTML 1.0 标准。它希望能够减少互联网富应用（RIA)对Flash、Silverlight、JavaFX等的依赖，并且提供更多能有效增强网络应用的API。 HTML5时间表 HTML5的八大新特性 语义 思考：什么是语义化？ 语义化：是指用合理HTML标记以及其特有的属性去格式化文档内容。通俗地讲,语义化就是对数据和信息进行处理,使得机器可以理解.语义化的(X)HTML文档有助于提升你的网站对访客的易用性，比如使用PDA、文字浏览器以及残障人士将从中受益。对于搜索引擎或者爬虫软件来说，则有助于它们建立索引，并可能给予一个较高的权值。 简化的文档类型和字符集 2020-2-7 !DOCTYPE 声明位于HTML文档中的最前面的位置，它位于 html 标签之前。 该标签告知浏览器文档所使用的HTML或 XHTML规范。 在HTML4中，!DOCTYPE标签可以声明三种 DTD 类型，分别表示严格版本（Strict）、过渡版本（Transitional）和基于框架（Frameset）的 HTML 文档。 HTML5的!DOCTYPE标签 2020-2-7 !DOCTYPE HTML HTML5的字符集 2020-2-7 HTML5的字符集也得到了简化，只需要使用UTF-8即可，使用一个meta标记就可以指定HTML5的字符集，代码如下： meta charset=UTF-8 HTML5的字符集 2020-2-7 HTML5的字符集也得到了简化，只需要使用UTF-8即可，使用一个meta标记就可以指定HTML5的字符集，代码如下： meta charset=UTF-8 语义化的文档标签 HTML5的设计者们认为网页应该像XML文档和图书一样有结构。 通常，网页中有导航、网页体内容、工具栏、页眉和页脚等结构。 HTML5中增加了一些新的标记以实现这些网页结构，这些新标记及其定义的网页布局 十个常用的新标签列表 article 定义文章 aside 定义文章的侧边栏 figure 一组媒体对象以及文字 figcaption 定义 figure 的标题 footer定义页脚 header定义页眉 nav定义导航 section 定义文档中的区段 time定义日期和时间 被弃用的标签：acronym、applet、basefont、big、center、dir、font、frame、 s、isindex、noframes、 frameset 、strike、tt、u和xmp。 header标签 2020-2-7 header标签用于定义文档的页眉（介绍信息）。 使用header标签的例子。 header h1欢迎光临我的网站/h1 p我是黑龙江傲立/p /header p网页的其他部分.../p 2020-2-7 nav标签 nav标签用于定义导航链接。 【例1-17】 使用nav标签的例子。 header h1欢迎光临我的网站/h1 p我是黑龙江傲立/p /header nav a href=index.asp首页/a a href=intro.asp简介/a a href=contact.asp联系方式/a /nav p网页的其他部分.../p footer本文档创建于2012-10-07/footer 2020-2-7 nav标签示例 section标签 2020-2-7 section 标签用于定义文档中的区段，例如章节、页眉、页脚或文档中的其他部分。 使用 section 标签的例子。 section h1 HTML5/h1 p HTML5是最新的HTML标准.../p /section article标签 2020-2-7 article标签用于定义文章或网页中的主要内容。 使用article标签的例子。 article 微软在发布Windows Phone 8时曾表示，移动版IE10在HTML5上比起IE9将会有长足的进步，看来他们并没有吹嘘。根据外站WPCentral近日对各大浏览器进行的跑分测试，我们可以看到，IE10的成绩是IE9的两倍有余。 /article aside标签 2020-2-7 aside标签用于定义主要内容之外的其他内容。 使用aside标签的例子。 p微软在发布Windows Phone 8时曾表示，移动版IE10在HTML5上比起IE9将会有长足的进步，看来他们并没有吹嘘。根据外站WPCentral近日对各大浏览器进行的跑分测试，我们可以看到，IE10的成绩是IE9的两倍有余。/p aside h4HTML5/h4 HTML5