2016-08-28 3 views
0

Au début, cette question ne devrait pas être si difficile, mais je ne sais pas comment la résoudre. J'expérimente Font-Awesome et tout fonctionne bien, sauf qu'il n'affiche pas une seule icône.Plusieurs icônes Affichage

intérieur LSH-Editor (Atom):

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

A l'intérieur du navigateur:

<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> 

Pourquoi est-il plus code dans le navigateur? le code est enregistré avec l'éditeur Atom et cela apparaît également dans une fenêtre Chrome fraîchement ouvert (même avec Firefox)

Est-ce même un problème de navigateur? Après tout cela semble bizarre mais merci pour votre aide.

Répondre

0

Votre code HTML n'est pas valide, l'élément i d'ouverture ne se ferme jamais.

Essayez ceci:

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

Tenir compte de l'installation htmlhint pour être averti sur le langage HTML invalide.

+0

Je l'ai déjà installé. Mais merci beaucoup, Je devrais envisager de payer plus d'attention à l'html-highliting. :) – David