第9章 HTML 5入门基础-HTML CSS JavaScript 网页制作从入门到精通 第3版.pptVIP

第9章 HTML 5入门基础-HTML CSS JavaScript 网页制作从入门到精通 第3版.ppt

  1. 1、本文档共20页,可阅读全部内容。
  2. 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
  5. 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
  6. 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们
  7. 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
  8. 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
教学内容:HTML5是一种网络标准,相比现有的 HTML4.01 和XHTML 1.0,可以实现更强的页面表现性能,同时充分调用本地的资源,实现不输于app的功能效果。HTML5带给了浏览者更好的视觉冲击,同时让网站程序员更好的与HTML语言“沟通”。虽然现在HTML5还没有完善,但是对于以后的网站建设拥有更好的发展。 第9章 HTML5入门基础 教学重点 认识HTML5 掌握HTML5与HTML4的区别 掌握HTML5新增的元素和废除的元素 熟悉新增的属性和废除的属性 掌握创建简单的HTML5页面 9.1 认识HTML5 HTML5是2010年正式推出来的,随便就引起了各大浏览器开发商的极大热情。那HTML5为什么会如此受欢迎呢?在新的HTML5语法规则当中,部分的JavaScript代码将被HTML5的新属性所替代,部分的DIV的布局代码也将被HTML5变为更加语义化的结构标签,这使得网站前端的代码变得更加的精炼,简洁和清晰,让开发者也更加一目了然代码所要表达的意思。 HTML5是最新的HTML标准,HTML5语言更加精简,解析的规则更加详细。在针对不同的浏览器,即使语法错误也可以显示出同样的效果。下面列出的就是一些HTML4和HTML5之间主要的不同之处。 9.2 HTML5与HTML4的区别 在HTML5中提高Web浏览器之间的兼容性是它的一个很大的目标,为了确保兼容性,就要有一个统一的标准。因此,在HTML5中,就围绕着这个Web标准,重新定义了一套在现有的HTML的基础上修改而来的语法,使它运行在各浏览器时各浏览器都能够符合这个通用标准。 因为关于HTML5语法解析的算法也都提供了详细的记载,所以各Web浏览器的供应商们可以把HTML5分析器集中封装在自己的浏览器中。最新的Firefox(默认为4.0以后的版本)与WebKit浏览器引擎中都迅速地封装了供HTML5使用的分析器。 9.2.1 HTML5的语法变化 下面我们来看看在HTML5中的标记方法。 1. 内容类型(ContentType) 2. DOCTYPE声明 3. 指定字符编码 9.2.2 HTML5中的标记方法 9.2.3 HTML5语法中的3个要点 HTML5中规定的语法,在设计上兼顾了与现有HTML之间最大程度的兼容性。下面就来看看具体的HTML5语法 。 1.可以省略标签的元素 2.取得boolean值的属性 3.省略属性的引用符 9.2.4 HTML5与HTML4在搜索引擎优化的对比 随着HTML5的到来,传统的<div id="header">和<div id="footer">无处不在的代码方法现在即将变成自己的标签,如<Header>和<footer> 。 本节将详细介绍HTML5中新增和废除了哪些元素 。 9.3 HTML5新增的元素和废除元素 9.3.1 新增的结构元素 HTML5增加了新的结构元素来表达这些最常用的结构: 1. section:可以表达书本的一部分或一章,或者一章内的一节。 2. header:页面主体上的头部,并非head元素。 3. footer:页面的底部(页脚),可以是一封邮件签名的所在。 4. nav:到其他页面的链接集合。 5. article:blog、杂志、文章汇编等中的一篇文章。 9.3.2 新增块级元素 HTML5还增加了一些纯语义性的块级元素:aside、figure、figcaption、dialog。 HTML5增加了一些行内语义元素:mark、time、meter、progress。 9.3.3 新增的行内的语义元素 9.3.4 新增的嵌入多媒体元素与交互性元素 HTML5新增了很多多媒体和交互性元素如video、 audio。在HTML4当中如果要嵌入一个视频或是音频的话需要引入一大段的代码,还有兼容各个浏览器,而HTML5只需要通过引入一个标签就可以,就像img标签一样方便。 在网站页面的时候,难免会碰到表单的开发,用户输入的大部分内容都是在表单中完成提交到后台的。在HTML5中,也提供了大量的表单功能。 在HTML5中,对input元素进行了大幅度的改进,使得我们可以简单地使用这些新增的元素来实现需要JavaScript来能实现的功能。 9.3.5 新增的input元素的类型 在HTML5中废除了很多元素,具体如下。 1. 能使用CSS替代的元素 2.不再使用frame框架 3.只有部分浏览器支持的元素 4. 其他被废除的元素 9.3.6 废除的元素 HTML5中,在新增加和废除很多元素的同时,也增加和废除了很多属性。 9.4 新增的属性和废除的属性 1.表单新增相关属性 2.链接相关属性。 3.其他属性 9.4.1

文档评论(0)

187****3163 + 关注
实名认证
文档贡献者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档