在網(wǎng)頁(yè)設(shè)計(jì)中，圖標(biāo)的使用非常常見(jiàn)。圖標(biāo)可以為網(wǎng)頁(yè)增添美觀，更可以幫助用戶更直觀地理解網(wǎng)頁(yè)內(nèi)容。在CSS中，我們可以使用眾多方法來(lái)實(shí)現(xiàn)圖標(biāo)的顯示，其中比較常用的方法是使用圖標(biāo)字體。那么在HTML代碼中該如何標(biāo)記這些圖標(biāo)呢？ HTML中的標(biāo)簽有很多，我們較為常用的標(biāo)簽之一就是p標(biāo)簽。p標(biāo)簽是用來(lái)表示段落的標(biāo)簽，如果我們需要在一個(gè)段落中顯示一個(gè)圖標(biāo)，我們應(yīng)該如何處理呢？比如，我們要在一個(gè)段落中顯示一個(gè)放大鏡圖標(biāo)，那么我們可以這樣寫(xiě)：

<p>這是一個(gè)段落，其中包含了一個(gè) <i class="fa fa-search"></i> 圖標(biāo)。</p>

在上述代碼中，我們通過(guò)i標(biāo)簽來(lái)標(biāo)記這個(gè)圖標(biāo)。i標(biāo)簽實(shí)際上并不是用來(lái)表示斜體字的，而是用來(lái)標(biāo)記圖標(biāo)的一種常用手段。在i標(biāo)簽中，我們使用class屬性來(lái)指定我們要使用哪一個(gè)圖標(biāo)字體。在這里，我們使用了class為"fa fa-search"的字體，它是來(lái)自于著名的字體庫(kù)——FontAwesome。在使用這個(gè)字體之前，我們需要提前引入相應(yīng)的字形文件。 如果我們?cè)诰W(wǎng)頁(yè)中需要獨(dú)立顯示一個(gè)圖標(biāo)，而不是嵌套在段落中，那么我們也可以使用i標(biāo)簽。

<i class="fa fa-search"></i>

上述代碼表示在當(dāng)前位置直接展示一個(gè)搜索圖標(biāo)。 最后，需要注意的是，由于i標(biāo)簽原本的含義并不是圖標(biāo)，因此，在HTML5中新增了一個(gè)專門(mén)的標(biāo)簽——標(biāo)簽，用來(lái)表示斜體字。因此，如果我們?cè)诰W(wǎng)頁(yè)中需要用到斜體字，應(yīng)該使用em標(biāo)簽而非i標(biāo)簽。