《HTML5和CSS3.0的新功能特性和优势,flash论文.docx》由会员分享，可在线阅读，更多相关《HTML5和CSS3.0的新功能特性和优势,flash论文.docx（7页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、5和CSS3.0的新功能特性和优势,flash论文互联网从诞生到繁荣的每个阶段，这个简单而强大的标记语言都发挥着举足轻重的作用。从简单的新闻列表到复杂的在线表格应用，结合JavaScript、CSS，前端工程师用这些简单的标记开创建立出一个个改变人们生活的应用。 一、引言 如今使用最广泛的4.0.1标准已经十余年没有重要更新，对于构建复杂的网页应用也越来越显得力不从心。5标准最早在2004年就由WHATWG提出，经太多年的演变及各个阅读器阵营的磨合，主流阅读器制造商都已经实现了主要的5核心。十分是近年来移动互联网的兴起，给5的普及带来了更有利的设备环境和难得的商业契机。 二、5的新特性和优势
2、5新特性主要具体表现出在：语义化标记、Form 表单加强功能、视频/音频、画布Canvas、可编辑内容、拖放、稳健的数据存储等方面。5 在网页的应用和表现上，相对于4 提供了更好的支持。 一新的语义标签和属性 1、简洁的 DOCTYPE，不使用版本提示，书写的文档将会适用所有版本的。简单易记的语言标签，写法上较之前更为简洁。在 5 中，空标签如：br、img 和 input并不需要闭合标签。新增了一些新标签和属性。新标签更具语义性，属性更直白。 2、一些过时的标记将被取消，华而不实包括纯粹显示效果的标记，比方 font 和 center ； img 的布局属性：align，border，hsp
3、ace、vspace，在 5 中已经不支持。它们已经被CSS取代。再比方，5 为表单提供了几个新的属性、input 类型和标签。例如：color，email，date，month，week，time，datetime，datetime-local，number，range，search，tel，和 url等。使用这些标签将大大简化开发复杂度，比方使用date标签，将不再需要利用外包js就能够选择日期。 3、5自带表单验证功能，能够减少开发者对表单验证功能的代码编写。 4、脚本和链接无需type属性了，代码能够简化如下： link rel= stylesheet href= style.css
4、/ 和 script src= path/to/script.js /script 二新增画布canvas canvas 是5新增用来作画的工具。canvas元素使用JavaScript在网页上绘制图像。画布是一个矩形区域，在页面中插入 canvas 就像插入其他标记一样平常，能够直接绘制形状、图表、动画、游戏、图片作品等。，如今能够不用Flash或其它插件就能够直接在网页上涂鸦了。 三丰富的应用程序接口API 除了原先的DOM接口，5增加了更多API，如用于即时2D绘图的Canvas API，定时媒体回放，离线数据库存储Web Storage API，通讯和网络的Communication
5、APIS，文档编辑，拖拽控制，阅读历史管理，使用者可分享定位地理位置的GeolocationAPI，为Web应用提供后台处理的能力的WebWorkers API等。 四新多媒体方式 使用5的 audio 和 video 标签，将不再需要使用插件或者工具即可直接播放视频和音频。Youtube和Pandora可能有一天会跳过Flash给你带来全新的视频和音频体验，包括定时播放和其它贴心的功能，这一切都得归功于5中的视频和音频标记。 另外，使用preload还能够预加载视频，preload的属性就像它的字面意思那么简单，用户只需要决定能否需要在页面加载的时候去预加载视频。 三、CSS3的新特性和优势
6、 CSS即层叠样式表Cascading StyleSheet。 在网页制作时采用层叠样式表技术，能够有效地对页面的布局、字体、颜色、背景和其它效果实现愈加精到准确的控制。CSS3是CSS技术的升级版本，CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比拟复杂，所以，把它分解为一些小的模块，更多新的模块也被参加进来。这些模块包括：盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效 、多栏布局等。 一CSS3边框border 在CSS3出现之前，使用CSS2制作圆角边框的方式方法都是制作四个圆角的图片，然后用css2的图像背景技术设置，很浪费精神，但是在
7、CSS3出现之后，一切都变得如此简单。CSS3新增加了一些边框的属性值：border radius、border colors、dorderer image、box reflect、box shadow五类属性值。他们分别能够定义圆角框的半径、颜色、图形、投影及阴影，进而能够制作出漂亮、立体感强的按钮或边框。 二RGBa CSS3的RGBa命令新特性能够指定元素属性，允许用户对每个元素进行色彩以及透明度的设置，使其子元素不必改变属性。而原来常用的opacity命令会影响元素及其子元素，对元素进行设置的同时还要对其子元素进行设置。通过设置opacity，即能够轻松设置网页元素的透明度。 三CSS
8、3渐变Gradient Gradient能够提供连续的渐变特效，经常作为投影，CSS3Gradient分为linear-gradient线性渐变和radial-gradient径向渐变。比方盒子投影的设置，能够给盒子下方的投影设渐变特效，实现绚丽美观的效果。 四CSS3动画Animation Animation是CSS3一个比拟新的属性，其具有更强大的功能：动画。在CSS2的时候，开发人员只能通过Javascript来实现动画，如今CSS3提供变形transform、转换transition和动画animationtransform：rotate | scale | skew | transl
9、ate|matrix；旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。 五CSS3转换Transform CSS3的转换transform 属性能够将指定的元素进行2D、3D的旋转，比方，一个盒子的旋转能够设定想要的角度。 六CSS3文本Text CSS3在CSS2原有的文本属性基础上又添加了一些CSS3属性：text shadow、text overflow、text一iU color、text align新添力了start和 end、text stroke、text transform、text stroke width、word wrap、
10、tab size和text stroke color属性。经常被使用到的是text-shadow文字阴影，而这一技术在之前总会被Photoshop处理过的包含文字阴影的图片所代替，CSS3出现之后，一切将只是一行代码的功夫即可完成阴影功能。 七Multi column layout CSS3新提供的多栏布局选择器无需布局标签即可生成多栏布局，同时 栏数 、 栏宽 以及 栏间距 都是能够自定义的。CSS3还提供了很多新增的选择器实现更多更强大的功能。固然当前CSS3还有很多没有被阅读器支持的属性和新的语法，但随着时间的推移，阅读器们将会越来越多的支持新的CSS3功能。 四、结束语 HTMI_5是近十年来Web标准最宏大的飞跃，5中开创建立了新元素新属性，利用这些构造标记能快速开拓出更少类和id标识。一旦熟悉了这些元素的目的，就能够在很短的时间内建立大概的网页构造，进而将web带入一个成熟的开发平台。在web开发中采用CSS3技术将会大大的美化网页，还能够有效地控制页面的布局、颜色、字体、背景和其它特殊效果。只需要一些简单的修改，就能够改变网页的外观和布局。利用好CSS3，你能够更快速的得到以往用很多插件才能得到的效果。通过使用元素本身来取代大部分图片，网页的加载速度会得到提升，提升网站的加载速度以及网站的SEO权重，同时也能极大的提高程序的性能。