![如何用css设置网页字体[多图]](/aiimages/%E5%A6%82%E4%BD%95%E7%94%A8css%E8%AE%BE%E7%BD%AE%E7%BD%91%E9%A1%B5%E5%AD%97%E4%BD%93%5B%E5%A4%9A%E5%9B%BE%5D.png)
请跟随如下步骤在XenDesktop7环境中启用Receiver for HTML5。您需要登录您的Delivery Controller并使用Citrix StoreFront management console，当然你也可以从Citrix Studio或者Citrix StoreFront console里进行。打开Citrix Studio management console，点击Receiver for Web。
在中间窗格里，确保选择了您想要的Store。
在右边的窗格中，在Actions >Store Web Receiver >点击Deploy Citrix Receiver。
开启Receiver for HTML5有三个选项：
Install locally
Use Receiver for HTML5 if local install fails
Always use Receiver for HTML5
选择Use Receiver for HTML5 if local install fails。
步骤二：在Citrix Studio里启用ICA WebSockets 连接策略。
在Citrix Studio配置完成后，在Citrix Studio management console里按照如下步骤开启WebSockets策略。这里，您可以查看相eDocs：Modify an existing (default) policy。
在Citrix Studio里打开Policies。
在中间的窗格里，在Policies下修改现有的策略或者新建一个策略。
在右边的窗格点击Actions >Edit Policy…。
在Edit Unfiltered窗口中输入“WebSockets”并轻击回车。您可以找到3条与WebSockets相关的策略设置。点击每一条后面的Select。
拖放（Drag 和 drop）是 HTML5 标准的组成部分。浏览器支持:Internet Explorer 9、Firefox、Opera 12、Chrome 以及 Safari 5 支持拖放。
被拖元素，dragElement :
(1)添加事件：ondragstart
(2)添加属性：dragable
放置元素，dropElement:
1、添加事件：ondargenter , ondragover , ondragleave , ondragend ,ondrop
和mouser划入划出一类的事件很类似，字面也很好理解，不赘述了，下面会用例子来说明。
2、页面上元素间的拖放
下面用个小例子，div间的拖放来展示，各个事件如何被触发：
系统中选择的一个或多个文件拖入该div中，files中会存储拖入文件的信息，然后我们通过file可以得到文件的类型，长度，内容然后实现上传。
3、setDragImage(image, x, y)用于设置鼠标移动过程中随鼠标一起移动的效果图。必须在dragstart中设置。
4、types,effectAllowed和dropEffect分别是拖入元素的类型，拖拽过程中鼠标显示的样式，不过通常可以忽略这几个属性，一般用不到。
（1）HTML5支持SVG，画布和其他虚拟矢量图形，而在HTML中，只有将它与Flash，Silver-light等不同技术结合在一起才能使用矢量图形。（2）HTML5使用Web SQL数据库，可用于临时存储数据但在HTML中只有浏览器缓存才可用于此目的。
（3）HTML5支持新的表单控件，例如：日期和时间，电子邮件，数字，范围，电话，网址，搜索等。
（4）HTML 5是否允许音频和视频控件以及标签，HTML不允许音频<audio>和video <video>标签。
（5）在HTML 5中，Doctype声明非常简单易用，Doctype声明在HTML中太长且复杂
（6）charset，async和ping的属性是HTML 5的一部分，HTML中不存在charset，async和ping等属性
（7）增强了对Web应用程序功能的支持：在HTML5允许浏览器作为应用程序平台运行不需要使用任何基于JS或Flash的方法，因为HTML5中固有的元素提供了所有功能。
（8）新增加的<menu>和<menuitem>元素是互动元素规格的成分，但不经常使用或开发者社区津津乐道。但是，这两个项目可用于确保增强的Web交互<menu>性。为简单起见，标签用于表示移动和桌面应用程序中的菜单命令。
