既然是在iOS中的Safari折腾的，那么代码中利用到的也基本上都是Safari的私有属性添加图标到主屏幕是Web App的第一步ltlink rel=quotappletouchiconprecomposedquot sizes=quot57x57quot href=quoticon57pngquot ltlink rel=quotappletouchiconprecomposedquot sizes=quot72x72quot href=quoticon72pngquot ltlink r。

最终发现，这是引入了Font Awesome图标，并启用css3动画所制成的 原理为用Font Awesome引入一个心形，并用css设置为红色，再用css3关键帧动画使其放大缩小 这是从官网瓢来的源代码请确认已引入Font Awesomelti class=quotfa faheartquot style=quotfontsize48pxcolorredanimationiconAnimate。

这是一个示例，可以试着先在阿里巴巴图标将图标加入购物车，然后再下载代码，将文件加压后，引入iconfontcss文件，在i标签中class属性名为iconfont，style样式可以自定义图标的大小和颜色，这里“#xe782”为一个问号的代码页面显示的为一个红色的问号i标签做图标的好处就是将图片文字化，还有其他的。

iconfontnthoftype1color#000这样的方法选中他们一个一个给hover 里面的1是第二个比如你页面里有三个字体图标里面的数字就是0，1，2 iconfontnthoftype0hovercolor#f00iconfontnthoftype1hovercolor#0f0iconfontnthoftype2hovercolor。

如果您想为不同的页面设置不同的“收藏夹”图标，那么您需要在该网页文件的头部添加以下内容其中href=交互和视觉表现也重新设计采用Chromium内核+IE双内核，让浏览快速稳定，拒绝卡顿，完美支持HTML5和各种新的Web标准它同时可以安装众多Chrome的拓展，支持快捷登录，登录浏览器后即可自动登录腾讯系。

1首先，打开手机safari浏览器，进入浏览器界面2进入主界面后，搜索需要添加到主屏幕的网页3在网页所在的页面，点击下方转发的图标，如图4在弹出的选框，下滑，找到并点击添加到主屏幕5出现的页面，点击右上角的添加即可。

这个不是H5特有的情况，只是设计师习惯性用法，用i表示ico图标，便于他人理解例子ltulltlilti class=quotico1quotlti首页ltliltlilti class=quotico2quotlti关于我们ltliltulltstyle ico1，ico2backgroundurltestpng center left norepeat width15px height15pxlt。

1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的ltbody标签中，输入html代码其中iconpng是放大镜图标ltdiv ltinput type=quottextquot ltimg style=quotwidth 20pxposition absoluteleft 140pxtop 15pxquot src=quoticonpngquot ltdiv 3浏览器。

把个个图标的style里加上floatleft这样就能在一行显示了，通过margin或padding来调他们的距离。

Font Awesome 是一套完美的图标字体，主要目的是和 Bootstrap 搭配使用 提供的CSS 已经可以完美显示这些图标在网页里面最新的版本43 里面，已经提供519 Icons 这些图标广泛应用在web应用里面如何在HTML5 Canvas 里去显示这些图标呢经过一通学习，终于找到好的方案 Font Awesome 是一套图标字库。

shortcut icon，特指浏览器中地址栏左侧显示的图标，一般放大小为16x16，后缀名为icon的图标icon，可放的格式可为PNG\GIF\JPEG，尺寸一般为16x1624x2436x36等。

ctrl+？HTML注释lt！这是单行注释 lt！ 这是多行注释 这是多行注释 这是多行注释。

首先先说一个html5中表单新增的一个功能，在我们之前的html中，表单元素必须放在form元素所包含的里面，在html5中，可以把他们写在页面上的任何一个地方，然后给该元素增加一个form属性，form属性的值为form表单的id，如下html view plain copy ltform method=quotgetquot id=quottestquot ltinput type=quot。

3也有人优先使用Flash，而HTML5作为后备措施这么做是因为Flash普及率比较高，而HTML5作为后备可以扩展iPad和iPhone用户 ltobject id=quotflowplayerquot width=quot400quot height=quot300quot data=quotflowplayer3218swfquot type=quotapplicationxshockwaveflashquot ltparam name=quotmoviequot value=quotflowplayer。

代码示例 请点击输入图片描述 1 lt！DOCTYPE html 2 lthtml lang=quotenquot 3 lthead 4 ltmeta charset=quotUTF8quot 5 lttitle网页标题显示在浏览器上lttitle 6 ltmeta name=quotdescriptionquot content=quot网页内容的简单描述quot 7 ltmeta name=quotkeywordsquot content=quot网页关键词quot 8 ltlink rel=quotcssstyle。

HTML5是没有这个功能的，可以使用浏览器的内置发送到桌面图标功能，以下以UC为例1进入UC浏览器首页后，点击所示的图标 2会看到书签历史点击它 3进入书签后，随后长按几秒你想发送到手机桌面的书签网址 4接着会弹出后台打开删除书签编辑书签加入导航发送至桌面五个操作按钮。