html5图片图标，html 图标

html5里为什么经常用i标签来作为小图标使用

1、这个不是H5特有的情况，只是设计师习惯性用法，用i表示ico图标，便于他人理解。

2、提示：i 标签一定要和结束标签 /i 结合起来使用。

3、i标签做图标的好处就是将图片文字化，还有其他的方法就是通过i标题的伪类来显示图标，配合 ：before 或者：after伪元素实现，因为没有内容，读屏器不会朗读（这样即使有特殊处理也跳过了），机器理解起来应该也没什么影响。使用伪类的好处就是：插入的内容在页面的源码里是不可见的，只能在css里可见。

相关问答

Q1: html5如何增加iconhtml5新增的

article：定义一个独立的、完整的、可以独自分发或独立引用的内容块，如博客文章、新闻报道等。aside：定义页面或区块的侧边栏或附属信息，通常用于显示相关的内容或广告。main：定义文档的主要内容，一个页面中只能包含一个main元素。

在HTML5之前，开发者通常使用 标签配合CSS来创建网站的导航栏。这种方法虽然灵活，但却没有明确的语义含义，搜索引擎和辅助技术（如屏幕阅读器）在解析页面结构时可能会遇到困难。而标签的引入解决了这个问题，它明确地告诉浏览器和搜索引擎：这部分内容是页面的主要导航。

是的，HTML5新增了离线缓存机制。HTML5引入的离线缓存机制，也被称为Application Cache（应用程序缓存）机制，允许web应用程序在用户的浏览器上缓存数据，以供以后在无网络连接的情况下使用。这是一个强大的特性，特别是对于需要快速加载和能够离线使用的web应用来说。

HTML5 新增常用元素 HTML5的声明为：！DOCTYPE html 它不用再像之前的版本一样在声明中引用DTD。DTD(document type definition)定义合法的XML文档构建模块，它使用一系列合法的元素来定义文档的结构。在HTML中，DTD规定了标记语言的规则，使浏览器能正确地呈现内容。

把字符直接写在HTML文件里；这个方法是简单比较直观，见如下代码，用一个span元素去包含一个字符“！”(或)，然后给这个span添加一个类。这个字母在选定的字体中被映射到一个特定的图标。

html5新增标签如下：结构性标记结构性标记主要用来对页面结构进行划分，就像在设计网页时将页面分为导航、内容部分、页脚等，确保HTML文档的完整性。多媒体标记多媒体标记主要解决了以往通过Flash等进行视频的一些展示，新增的标记使HTML功能变得更加强大了。

Q2: 人人秀html5页面制作教程-图片功能

步骤一：创建你的H5舞台登录人人秀官网（http：//），在个人中心的右上角，点击+号，开始你的H5创作之旅。选择“创建新展示”，你可以选择空白模板，展现你的创意，或者从模板市场挑选一个现成的模板，快速上手。

首先打开人人秀H5编辑器，在编辑器中打开H5页面。然后在页面中选中需要导出的图片，并点击页面右上角的“导出”按钮。然后在弹出的导出选项中，选择“图片”选项。然后在弹出的导出图片窗口中，选择需要导出的图片格式，并点击“确定”按钮。

分组创建好后，右侧的图片上传区就可以开始上传丰富的背景图元素了，人人秀提供了图片库和背景库供挑选，也可以自主上传图片。背景图分组和图片添加好了，下一步可以添加各种背景图里面的图片元素了，具体操作和添加背景图一样，继续点击添加按钮，新增一个元素分组，然后上传元素图片。

使用人人秀代言海报功能，可以在h5中制作海报模板，发布作品后，用户通过上传图片、照片，合成自己的专属海报。人人秀H5海报——服务优势 用户参与度高、裂变吸粉 人人秀H5海报——应用场景 产品宣传海报：将品牌海报中代言人的位置镂空，让用户上传自己的照片，合成一张海报。人人都是产品的代言人。

首先在浏览器中搜索“易企秀”，然后点进入他们的官网。02在易企秀官网H5模板中，找到一个你想用的模板，然后点击进入这个模板，找到“立即使用”字样。开始进行下一个操作。03点击立即使用之后，会让你登陆账户的，可以选择直接用QQ登陆。

你可以用意派Epub360在线H5制作工具制作生成海报H5，具体方法可以到意派平台上去搜图文版教程，这样比较方便学习 怎么把有的海报转成H5秀怎么编辑 进入人人秀官网，打开人人秀H5编辑器。人人秀H5编辑器的制作界面，在右侧操作栏选择互动-活动-代言海报，即可添加代言海报插件。

Q3: HTML5中如何绘制图表?

1、准备数据 在制作图表前，需要先定义图表的数据来源。在上面的图表制作流程中提到数据来源有两种类型，数据集数据源和单元格数据源，本章节使用数据集作为数据源，如果需要使用单元格数据源，可查看定义图表单元格数据源。

2、数据准备 在制作图表前，需要先定义图表的数据来源。新建工作簿，添加数据集，SQL语句为SELECT*FROM[销量]，使用销量表作为图表的数据来源。

3、设置conf.php我们要做的第一件事是设置变量SCRIPTPATH到conf.php文件的PhpChart类库。该变量代表了在你的Web服务器上的phpChart库的相对或绝对URL。

4、canvas动态的绘制拓扑图 添加引用\r\n右击项目-添加引用-浏览 找到本地的dll文件\r\nusing 该dll文件里面代码的名称空间 \r\n然后就可以调用dll文件里面的类和方法 canvas定义和用法：Canvas 对象表示一个 HTML 画布元素 -canvas。

5、步骤5： 动画 可以使用多种方法绘制动画。 对于画布内的元素，JavaScript 提供了 setInterval 方法，该方法计划一个重复调用的函数，每经过定义的时间间隔便调用一次该函数。在该函数中，需要重绘画布来反映对其上呈现的对象的更改。

6、SVG 即 Scalable Vector Graphics，是一种用来绘制矢量图的 HTML5 标签。你只需定义好XML属性，就能获得一致的图像元素。使用SVG之前先将标签加入到HTML body中。就像其他的HTML标签一样，你可以为SVG标签为之添加ID属性。也可以为之添加css样式，例如“border-style：solid；border-width：2px；”。

Q4: 如何使用Html5生成安卓手机桌面图标

1、图标设置 可以使用AppCan提供的默认图标，也可以通过从本地上传图标设置自己应用的图标。状态栏设置 Android状态栏支持两种设置：显示或不显示。启动页设置 设置应用启动时显示的启动页图片。

2、真机调试 进入软件后，第一步点击“运行”，第二步点击“手机运行”，第三步选择已连接的手机，示例中我使用的是安卓模拟机进行连接的。市面上常用的几款安卓模拟机器都可以直接连接上。按如上几个步骤操作后，会自动执行打包并将应用安装在链接的手机（模拟器）中，可以操作手机（模拟机）进行测试。

3、第一步，准备一个图标制作软件。首先你要明白，所谓的图标是一种特殊的图形文件格式，带有。ico作为它的延伸。普通的形象设计软件无法使用这种格式，需要下载一个ico图标工具。第二步：确定“收藏夹”图标的规格。收藏夹里出现的是16*16；使用的颜色最好不要超过16色。

Q5: 如何用html5插入背景图片?

具体步骤如下：插入背景图片有两种方法，一种是用html的img标签，另一种是利用css的background标签插入。

首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的body标签中，输入html代码：form style=background-image： url(smallpng)input type=text/form 浏览器运行index.html页面，此时成功在html的表单中添加了背景图片。

在html中给div添加背景图片主要有以下几种方法：第一个：给css文件添加背景图片：使用url(../images/背景图片jpg)在css中，由于html文件和css文件的相对位置不同，内联css和导入css中引入图片的路径会有所不同。如图所示：第二：介绍：如图所示：第三种：在div中添加图片。

关于html5图片图标和html 图标的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。