html5+css3从入门到精通

html5+css3从入门到精通

ID:25803752

大小:750.00 KB

页数:20页

时间:2018-11-22

html5+css3从入门到精通_第1页
html5+css3从入门到精通_第2页
html5+css3从入门到精通_第3页
html5+css3从入门到精通_第4页
html5+css3从入门到精通_第5页
资源描述:

《html5+css3从入门到精通》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、Note第1章Web开发新时代第章Web开发新时代从2010年开始,HTML5和CSS3就一直是互联网技术中最受关注的两个话题。2010年MIX10大会上微软的工程师在介绍IE9时,从前端技术的角度把互联网的发展分为3个阶段:第一阶段是以Web1.0为主的网络阶段,前端主流技术是HTML和CSS;第二阶段是Web2.0的 Ajax 应用阶段,热门技术是JavaScript/DOM/异步数据请求;第三阶段是即将迎来的HTML5+CSS3阶段,这两者相辅相成,使互联网又进入了一个崭新的时代。本章将重点介绍HTML5语言基础,为将来系统地学习HTML5

2、+CSS3编程奠定扎实的基础。·19·Note第1章Web开发新时代1.1HTML5概述2004年成立的Web超文本应用技术工作组(WHATWG)创立了HTML5规范,同时开始专门针对Web应用开发新的功能。2006年,W3C介入HTML5的开发,并于2008年发布了HTML5的工作草案。2009年,W3C停止了对XHTML2的更新。2010年HTML5开始用于解决实际问题。这时各大浏览器厂商开始对旗下产品进行升级以支持HTML5的新功能,因此,HTML5规范也得到了持续性的完善。1.1.1HTML5新特性HTML5是基于各种全新的理念进行设计的

3、,这些设计理念体现了对Web应用的可能性和可行性的新认识,下面简单介绍HTML5语言的特征和优势,以便提高读者自学HTML5的动力,明确学习目标。1.兼容性考虑到互联网上HTML文档已经存在二十多年了,因此支持所有现存HTML文档是非常重要的。HTML5不是颠覆性的革新,它的核心理念就是要保持与过去技术的兼容和过渡。一旦浏览器不支持HTML5的某项功能,针对该功能的备选行为就会悄悄运行。2.合理性HTML5新增加的元素都是对现有网页和用户习惯进行跟踪、分析和概括而推出的。例如,Google分析了上百万的页面,从中分析出了DIV标签的通用ID名称,

4、并且发现其重复量很大,如很多开发人员使用来标记页眉区域,为了解决实际问题,HTML5就直接添加一个

标签。也就是说,HTML5新增的很多元素、属性或者功能都是根据现实互联网中已经存在的各种应用进行技术精炼,而不是在实验室中理想化地虚构新功能。3.效率HTML5规范是基于用户优先准则编写的,其宗旨是用户即上帝,这意味着在遇到无法解决的冲突时,规范会把用户放到第一位,其次是页面作者,再次是实现者(或浏览器),接着是规范制定者(W3C/WHATWG),最后才考虑理论的纯粹性。因此,HTML5的绝大部分是实用

5、的,只是在有些情况下还不够完美。例如,下面的几种代码写法在HTML5中都能被识别。id="prohtml5"id=prohtml5ID="prohtml5"当然,上面几种写法比较混乱,不够严谨,但是从用户开发角度考虑,用户不在乎代码怎么写,根据个人习惯书写反而提高了代码编写效率。当然,我们并不提倡初学者一开始写代码就这样随意、不严谨。4.安全性·19·Note第1章Web开发新时代为保证安全性,HTML5规范中引入了一种新的基于来源的安全模型,该模型不仅易用,而且各种不同的API都可通用。这个安全模型可以不需要借助于任何所谓聪明、有创意却不安全的

6、hack就能跨域进行安全对话。5.分离在清晰分离表现与内容方面,HTML5迈出了很大一步。HTML5在所有可能的地方都努力进行了分离,包括HTML和CSS。实际上,HTML5规范已经不支持老版本HTML的大部分表现功能了。6.简化HTML5要的就是简单,避免不必要的复杂性。为了尽可能简化,HTML5做了以下改进:þ以浏览器原生能力替代复杂的JavaScript代码。þ简化的DOCTYPE。þ简化的字符集声明。þ简单而强大的HTML5API。7.通用性通用访问的原则可以分成3个概念。þ可访问性:出于对残障用户的考虑,HTML5与WAI(Web可访问

7、性倡议)和ARIA(可访问的富Internet应用)做到了紧密结合,WAI-ARIA中以屏幕阅读器为基础的元素已经被添加到HTML中。þ媒体中立:如果可能的话,HTML5的功能在所有不同的设备和平台上应该都能正常运行。þ支持所有语种:如新的元素支持在东亚页面排版中会用到的Ruby注释。8.无插件在传统Web应用中,很多功能只能通过插件或者复杂的hack来实现,但在HTML5中提供了对这些功能的原生支持。插件的方式存在很多问题:þ插件安装可能失败。þ插件可以被禁用或屏蔽(如Flash插件)。þ插件自身会成为被攻击的对象。þ插件不容易与H

8、TML文档的其他部分集成,因为存在插件边界、剪裁和透明度问题。以HTML5中的canvas元素为例,以前在HTML4的页面中较难画出对角

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。