html5新特性有哪些？

一省：HTML

1. html5新特性有哪些？

新增语义化标签：header、nav、aside、article、section、footer
拖放属性：drag/drop.拖放是一种常见的特性，即抓取对象以后拖到另一个位置。在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。
音/视频标签：audio/video
画布(Canvas): HTML5 <canvas> 元素用于图形的绘制，通过脚本 (通常是JavaScript)来完成. <canvas> 标签只是图形容器，您必须使用脚本来绘制图形。你可以通过多种方法使用 canvas 绘制路径,盒、圆、字符以及添加图像。
例如：
可缩放矢量图形(SVG):

SVG 指可伸缩矢量图形 (Scalable Vector Graphics)
SVG 用于定义用于网络的基于矢量的图形
SVG 使用 XML 格式定义图形
SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失
SVG 是万维网联盟的标准

Canvas和SVG的区别？

Canvas	SVG
依赖分辨率	不依赖分辨率
不支持事件处理器	支持事件处理器
弱的文本渲染能力	最适合带有大型渲染区域的应用程序（比如谷歌地图）
能够以 .png 或 .jpg 格式保存结果图像	复杂度高会减慢渲染速度（任何过度使用 DOM 的应用都不快）
最适合图像密集型的游戏，其中的许多对象会被频繁重绘	不适合游戏应用

地理定位(Geolocation):
HTML5 Geolocation API 用于获得用户的地理位置。
鉴于该特性可能侵犯用户的隐私，除非用户同意，否则用户位置信息是不可用的。
web存储(localStorage/sessionStorage)：HTML5 web 存储，一个比 cookie 更好的本地存储方式。客户端存储数据的两个对象为：

localStorage: 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去除。
sessionStorage: 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。

二省： CSS

1. css3新特性有哪些？

颜色: 新增了新的颜色表示方式rgba与hsla
边框: 圆角(border-radius)、盒阴影(box-shadow)、边框图片(border-image)
背景: 背景图(background-image)、背景图大小(background-size)、背景图位置区域(background-origin)、背景裁剪属性(background-clip)
渐变: 线性渐变(linear-gradient)、径向渐变(radial-gradient)
文本效果: 文字阴影(text-shadow)、文本溢出(text-overflow)、长文本换行(text-wrap)
2D转换: translate(平移)、rotate(顺时针旋转)、scale(缩放)
3D转换: rotateX()方法，围绕其在一个给定度数X轴旋转的元素;rotateY()方法，围绕其在一个给定度数Y轴旋转的元素。
过渡: transition 可实现属性的渐变
动画: @keyframes 规则内指定一个 CSS 样式和动画将逐步从目前的样式更改为新的样式。
多列: column-count 属性指定了需要分割的列数、column-gap 属性指定了列与列间的间隙、column-rule-style 属性指定了列与列间的边框样式、column-rule-width 属性指定了两列的边框厚度、column-rule-color 属性指定了两列的边框颜色、column-width 属性指定了列的宽度。
弹性盒子：flex布局
媒体查询：@media

三省：JavaSCript

1. JS的基本数据类型有哪些？引用类型有哪些？null和undefined的区别？

数据类型

基础数据类型：Number、String、Boolean、null、undefined、Symbol
引用数据类型：Object、Function、Array

null和undefined的区别

null表示已声明但是没有赋值
undefined表示未声明

html5新特性有哪些？相关推荐

百度开发者大会-《用HTML5新特性开发移动App》PPT分享
今天百度开发者大会,移动互联网分论坛,我的主题演讲<用HTML5新特性开发移动App>PPT分享如下. 完整PPT可在Slideshare观看,或者在百度开放云平台上下载到.
html5新特性：利用history的pushState等方法来解决使用ajax导致页面后退和前进的问题
html5新特性:利用history的pushState等方法来解决使用ajax导致页面后退和前进的问题参考文章: (1)html5新特性:利用history的pushState等方法来解决使用aj ...
HTML中三维特性,前端进阶系列(三):HTML5新特性
HTML5 是对 HTML 标准的第五次修订.其主要的目标是将互联网语义化,以便更好地被人类和机器阅读,并同时提供更好地支持各种媒体的嵌入.HTML5 的语法是向后兼容的.现在国内普遍说的 H5 是包 ...
【阿里云大学课程】前端必知——HTML5新特性完整视频教程（音频、视频、画布、web存储、动画……）...
HTML5是HTML最新的修订版本,2014年10月由万维网联盟(W3C)完成标准制定,其设计目的是为了在移动设备上支持多媒体. 本课程中,你将学习到下列这些HTML5新特性(点击下列课时立即学习): ...
html5 logo svg,HTML5新特性之用SVG绘制微信logo
html5新特新html5 中的一些有趣的新特性:1.用于绘画的 canvas 元素 2.用于媒介回放的 video 和 audio 元素 3.对本地离线存储的更好的支持 4.新的特殊内容元素,比如 ...
html5储存类型特点,避免踩雷！你不得不知的 HTML5 “新”特性
什么是 HTML5 HTML的发展历程如下: 产生于1990年 1997年 HTML4 出现,成为互联网开发的标准 2008年,HTML5正式出现,2002年趋于稳定 HTML在发展过程中,HTML4 ...
html做微信logo,HTML5新特性之用SVG绘制微信logo
原标题:HTML5新特性之用SVG绘制微信logo 这篇文章主要介绍了HTML5新特性之用SVG绘制的微信logo的相关资料,需要的朋友可以参考下. HTML5新特新 HTML5中的一些有趣的新特性: ...
利用HTML5新特性实现拖拽交换表格单元格元素
利用HTML5新特性实现拖拽交换表格单元格元素 HTML5新特性:拖放拖放拖放(Drag 和 Drop)是很常见的特性.它指的是您抓取某物并拖入不同的位置. 拖放是 HTML5 标准的组成部分:任 ...
html5 svg特性,HTML5新特性——HTML 5 Canvas vs. SVG
Canvas 和 SVG 都允许您在浏览器中创建图形,但是它们在根本上是不同的. SVG SVG 是一种使用 XML 描述 2D 图形的语言. SVG 基于 XML,这意味着 SVG DOM 中的每个 ...
【HTML5新特性】
HTML5新特性一.语义标签二.增强型表单 1. input特性 2. 五个表单元素 3. 表单属性三.音频和视频四.canvas 五.SVG 六.地理位置七.拖放API 八.web Wor ...

html5新特性有哪些？

一省：HTML

1. html5新特性有哪些？

二省： CSS

1. css3新特性有哪些？

三省：JavaSCript

1. JS的基本数据类型有哪些？引用类型有哪些？null和undefined的区别？

html5新特性有哪些？相关推荐

最新文章

热门文章