HTML 5新特性:
(1)新的内容标签,HT ML 4中的内容标签级别相同,无法区分各部分内容。而HTML5中的内容标签互相独立,级别不同,搜索引擎以及统计软件等均可快速识别各部分内容。
(2)更好的表格体系:你可以抛弃JavaScript 或者 是PHP,只通过HTML5来定义表格。你可以定义每个表格单元的输入格式,也可以定义这个单元 是否 是必填的 等等 。
(3)音频、视频 API :HTML5在视频以及音频层面上实际已经可以替代常用的flash插件了。
(4) 画布 API:HTML5允许你直接在网页上进行绘图,甚至允许你与网页生成更多的交互,例如 绘制 图形、放大缩小。
(5)地理:HTML5提供了地理信息的应用接口Geolocation API。通过这个API,网页可以通过IP,GPS等方式来获得用户的地理信息;同时用户也可以选择是否关闭这个功能。
(6)网页存储:网页存储的API,方便Web应用的离线使用。除此之外,新的API相对于cookie也有着高安全性,高效率,更大空间等优点。
(7)拖拽释放API:通过HTML5的 Drag and drop API来完成网页中的拖拽释放效果,避免了以往的网页在拖拽释放 过程中 需要不停修改元素的位置,代码繁多的弊端。
css3新特性:
(1)RGBa: CSS 3的RGBa新特性允许你对每个元素进行色彩以及透明度的设置。而 原来 常用的opac IT y命令只能对元素及其子元素进行设置。
(2) Multi-column layout:CSS3新提供的多栏布局选择器无需HTML布局标签即可生成多栏布局,同时‘栏数’、‘栏 宽 ’以及‘栏间距’都是可以定义的。
(3)Round corners: 圆 角功能可能是CSS3提供的最实用的功能了。通过Border-radius,你可以没有任何难度的给指定的HTML元素添加圆角。并且你还可以定义圆角的大小,以及哪个角是圆角,哪个角不是圆角。
(4) @font-face:当网页显示某种用户没有安装的字体时,CSS3提供的@font-face功能会自动的、默默地帮用户从网络上下载相应字体。
HTML5新特性:
(1)新的内容标签,HTML4中的内容标签级别相同,无法区分各部分内容。而HTML5中的内容标签互相独立,级别不同,搜索引擎以及统计软件等均可快速识别各部分内容。
(2)更好的表格体系:你可以抛弃JavaScript或者是PHP,只通过HTML5来定义表格。你可以定义每个表格单元的输入格式,也可以定义这个单元是否是必填的等等。
(3)音频、视频API:HTML5在视频以及音频层面上实际已经可以替代常用的flash插件了。
(4)画布API:HTML5允许你直接在网页上进行绘图,甚至允许你与网页生成更多的交互,例如绘制图形、放大缩小。
(5)地理:HTML5提供了地理信息的应用接口Geolocation API。通过这个API,网页可以通过IP,GPS等方式来获得用户的地理信息;同时用户也可以选择是否关闭这个功能。
(6)网页存储:网页存储的API,方便Web应用的离线使用。除此之外,新的API相对于cookie也有着高安全性,高效率,更大空间等优点。
(7)拖拽释放API:通过HTML5的Drag and drop API来完成网页中的拖拽释放效果,避免了以往的网页在拖拽释放过程中需要不停修改元素的位置,代码繁多的弊端。
css3新特性:
(1)RGBa:CSS3的RGBa新特性允许你对每个元素进行色彩以及透明度的设置。而原来常用的opacity命令只能对元素及其子元素进行设置。
(2) Multi-column layout:CSS3新提供的多栏布局选择器无需HTML布局标签即可生成多栏布局,同时‘栏数’、‘栏宽’以及‘栏间距’都是可以定义的。
(3)Round corners:圆角功能可能是CSS3提供的最实用的功能了。通过Border-radius,你可以没有任何难度的给指定的HTML元素添加圆角。并且你还可以定义圆角的大小,以及哪个角是圆角,哪个角不是圆角。
(4) @font-face:当网页显示某种用户没有安装的字体时,CSS3提供的@font-face功能会自动的、默默地帮用户从网络上下载相应字体。
觉得 可用,就经常来吧! 欢迎评论哦!&nbs p; html5教程 ,巧夺天工,精雕玉琢。小宝典献丑了!
总结
以上是 为你收集整理的 html5教程-HTML5和CSS3的新特性介绍 全部内容,希望文章能够帮你解决 html5教程-HTML5和CSS3的新特性介绍 所遇到的问题。
如果觉得 网站内容还不错, 推荐好友。
查看更多关于html5教程-HTML5和CSS3的新特性介绍的详细内容...