多個圖標顯示

起初，這個問題不應該那麼難，但我不知道如何解決它。多個圖標顯示

我正在試驗Font-Awesome，並且一切正常，除了它不會顯示一個圖標。

的HML編輯器（凌動）內部：

<body> 
<div class="list"> 
<a href="#"><i class="fa fa-fw fa-home"</i><span>test</span></a> 
</div><!--list--> 
</body>

在瀏覽器中：

<body> 
<div class="list"> 
<a href="#"><i class="fa fa-fw fa-home" <="" i=""><span>test</span></i></a><i class="fa fa-fw fa-home" <="" i=""> 
</i></div><!--list--><i class="fa fa-fw fa-home" <="" i=""> 
</i> 
</body>

爲什麼是那裏的瀏覽器更多的代碼？ 代碼保存在Atom的編輯器，這也出現在新打開的瀏覽器窗口（同樣與Firefox）

這甚至瀏覽器的問題？

畢竟這似乎很尷尬，但感謝您的幫助。

來源

2016-08-28 David

您的HTML無效，開頭i元素永遠不會關閉。

試試這個：

<body> 
    <div class="list"> 
    <a href="#"><i class="fa fa-fw fa-home"></i><span>test</span></a> 
    </div><!--list--> 
</body>

考慮安裝htmlhint於收到通知無效的HTML。

來源

2016-08-29 09:16:14 idleberg

我已經安裝了這個。但非常感謝，我應該考慮更多關注html-highliting。 :) – David

多個圖標顯示

回答

相關問題