Posted on | by liu
在网页设计中，图标的使用非常常见。图标可以为网页增添美观，更可以帮助用户更直观地理解网页内容。在CSS中，大家可以使用众多方法来实现图标的显示，其中比较常用的方法是使用图标字体。那么在HTML代码中该如何标记这些图标呢？
HTML中的标签有很多，大家较为常用的标签之一就是p标签。p标签是用来表示段落的标签，如果大家需要在一个段落中显示一个图标，大家应该如何处理呢？比如，大家要在一个段落中显示一个放大镜图标，那么大家可以这样写：
<p>这是一个段落，其中包含了一个 <i class="fa fa-search"></i> 图标。</p>
在上述代码中，大家通过i标签来标记这个图标。i标签实际上并不是用来表示斜体字的，而是用来标记图标的一种常用手段。在i标签中，大家使用class属性来指定大家要使用哪一个图标字体。在这里，大家使用了class为”fa fa-search”的字体，它是来自于著名的字体库——FontAwesome。在使用这个字体之前，大家需要提前引入相应的字形文件。
如果大家在网页中需要独立显示一个图标，而不是嵌套在段落中，那么大家也可以使用i标签。
<i class="fa fa-search"></i>
上述代码表示在当前位置直接展示一个搜索图标。
最后，需要注意的是，由于i标签原本的含义并不是图标，因此，在HTML5中新增了一个专门的标签——
标签，用来表示斜体字。因此，如果大家在网页中需要用到斜体字，应该使用em标签而非i标签。