2016-08-28 12 views
0

まず、この質問はそれほど難しいはずはありませんが、解決方法はわかりません。複数のアイコンを表示

私はFont-Awesomeを試していますが、アイコンは1つしか表示されません。 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で同じ)を新た開かれたクロームウィンドウにも表示されます

これも、ブラウザの問題ですか?

結局のところ、これは扱いにくいようですが、お手数をおかけします。

答えて

0

あなたのHTMLは無効です。開封iの要素は決して閉じられません。

これを試してみてください:

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

が無効なHTMLについての通知を得るためにhtmlhintのインストールを考えてみましょう。

+0

これは既にインストールされています。 おかげさまで、ありがとうございます。 html-highlitingにもっと注意を払うことを検討してください。 :) – David

関連する問題