5568 sujets

Sémantique web et HTML

Bonjours,

Je suis en train de valider mes pages avec w3c, j'ai réussi pour toute les pages sauf une seul où il m'écrit:

Extra content at the end of the document
</html>

Pourtant j'ai bien fermé ma balise html, il me donne aucune autre précision, est ce que vous savez qu'elle est le problème ?

Voilà le lien sur le site du W3C (avec code de la page visible) : validation

a+ merci

<modération par Heyoan : merci de mettre en forme les liens de 3 km Smiley cligne />
Modifié par flow041 (08 Mar 2010 - 21:23)
Hello, merci pour ta réponse,

J'ai ouvert telechargement.html avec notepad (j'utilise PSPad à la base mais vu que les ligne ne finisse jamais..)

J'ai regardé mais apparemment il n'y a pas de tab et j'ai supprimer tout ce qui se trouvé après et il y a toujours l'erreur..

Merci pour ton aide
Modifié par flow041 (08 Mar 2010 - 09:21)
J'ai effectivement édité en UTF-8 dans PSPad mais avec BOM ou pas je sais pas, je sais pas ce que c'est enfaite..
flow041 a écrit :
J'ai effectivement édité en UTF-8 dans PSPad mais avec BOM ou pas je sais pas, je sais pas ce que c'est enfaite..

[url=http://fr.wikipedia.org/wiki/Marque_d'ordre_des_octets]Wikipédia est ton ami[/url]. Smiley cligne

En gros, c'est un marqueur non seulement inutile, mais casse-tête. Autrement dit, quand on édite en UTF-8, mieux vaut le faire sans BOM.

Pour vérifier si tu as édité en UTF-8 avec ou sans BOM, le mieux est d'ouvrir le fichier avec un éditeur hexadécimal.
Okay, ba j'ai ouvert avec l'éditeur hexadécimal pi ba sa me donne à la ligne "titre":
0000 0001 0002 0003 0004 0005 0006 0007 01234567
et dessous les bout de code:
FFFE 3c00 2100 4400 4F00 4300 5400 5900 et la traduction: <!DOCTY
etc......

Comme ça sa veux dire avec ou sans BOM ?
Modifié par flow041 (08 Mar 2010 - 13:42)
flow041 a écrit :
J'ai

6F00 6400 7900 3E00 0D00 0A00 3C00 2F00
6800 7400 6D00 6C00 3E00 html>


Oups.. à la 1ère ligne:

6F00 6400 7900 3E00 0D00 0A00 3C00 2F00 ody>..</

Au final:
6F00 6400 7900 3E00 0D00 0A00 3C00 2F00 ody>..</
6800 7400 6D00 6C00 3E00 html>
Re, j'y ai été par méthode de tâtonnement, l'erreur se trouve qqpart là dedans:

<div id="tabs-3">    
			
              <table class="table_dl">                                                  
                <tr>                                                          
                  <td width="114">                                                                
                    <img src="images/download/firefox.png" style="margin:auto;" alt="logo firefox" />                                                            
                  </td>                                                          
                  <td width="431">                                             
                  <h4>Mozilla Firefox</h4>                                                              
                    
                    <p class="jTruncate">Si la nouvelle mouture de Firefox n’affiche pas de changements majeurs dans son esthétique et son utilisation, elle recèle toutefois quelques nouveaux outils qui deviendront vite indispensables.
En premier lieu, la combinaison de touche « Ctrl + Maj + P », qui active le mode Navigation Privée : rien ne sera enregistré pendant votre surf, aucun cookies, pas d’historique, rien. Un moyen de s’offrir une fenêtre de surf personnelle sans laisser de traces.
Le second atout majeur de cette version réside sur l’exploitation d’un nouveau moteur Gecko qui améliore, certes, sensiblement le chargement des pages Web mais qui, surtout, intègre les nouvelles fonctions de l’HTML 5. Parmi celles-ci ont trouve les deux nouvelles balises "audio" et "video" qui permettent de restituer de l’audio et de la vidéo sans requérir de plug-in. Les formats reconnus par le navigateur via ces balises sont les .ogg (audio) et les .ogg Theora (vidéo), deux formats libres de droits très performants.
Cette version 3.5 propose aussi de nouvelles fonctions de gestion des fenêtres avec la reconnaissance du glisser/déposer entre onglets et fenêtres, la possibilité de rappeler une fenêtre fermée par mégarde, etc. Du point de vue fonctionnel, le logiciel s’ouvre et se ferme enfin un peu plus rapidement et utilise, théoriquement, beaucoup moins de mémoire vive qu’auparavant. Enfin, du point de vue esthétique, seul le nouveau logo a été légèrement modifié, l’interface, elle, n’ayant subi aucun changement.</p>                                                         
                                                              
                  </td>                                                          
                  <td width="113">                                                                
                    <a href="http://firefox.com" target="_blank" rel="zoombox">                                                                      
                      <img src="images/download/telecharger.png" class="img_telecharger" title="télécharger" alt="logo telecharger" />                                                                      
                      Télécharger
                    </a>                
                  </td>                                                  
                </tr> 
				
				
                <tr>                                                          
                  <td width="114">                                                                
                    <img src="images/download/opera.png" style="margin:auto;" alt="logo opera"/>                                                            
                  </td>                                                          
                  <td width="431">                                             
                  <h4>Opera</h4>                                                              
                    
                    <p class="jTruncate">                                                       
                     Opera est un navigateur Web puissant et extrêmement complet. Doté d'une interface conviviale et personnalisable et d'un système de navigation par onglets, il intègre une multitude de fonctionnalités : client de courrier électronique (POP3, IMAP et SMTP), chat IRC, lecteur de flux RSS, recherche instantanée, blocage de contenu indésirable, aperçu sous forme de vignette, et bien plus. Un gestionnaire de téléchargements vous permettra de gérer l'ensemble de vos transferts, notamment via Bittorent, puisque le réseau est supporté par le navigateur !

Cette nouvelle mouture du navigateur Opera optimise le chargement des pages Internet, les fonctionnalités à destination des développeurs et la sécurité du surf. Avec la fonction Opera Turbo, vous accédez plus rapidement aux pages Web grâce à la compression des images qui les composent. Avec DragonFly, analysez la structure de votre site Internet, ou ceux de la concurrence, en décomposant les div et leurs règles CSS, à l'image du célèbre Firebug pour Firefox. Obtenez facilement toutes les informations de sécurité du site que vous visitez, avec ses certificats, ses références et sa position géographique. Utilisez Speed Dial, un nouveau système d'onglets avec des sites préchargés, pour faire votre revue de web. Renseignez Opera de vos informations Webmail pour que votre navigateur devienne un client web qui vous évite d'avoir à vous logger sur votre fournisseur à chaque fois que vous souhaitez envoyer un email. Activez des widgets, des petits programmes qui vous donne la météo, des flux RSS et bien d'autres choses encore. Enfin, notez que c'est l'un des très rares navigateur Internet qui réussi le test ACID 3 à 100%, un test de vérification de compatibilité avec les technologies web du W3C.                                         
					</p>
				  </td>                                                          
                  <td width="113">                                                                
                    <a href="http://www.opera.com/" target="_blank" rel="zoombox">                                                                      
                      <img src="images/download/telecharger.png" class="img_telecharger" title="télécharger" alt="logo telecharger" />                                                                      
                     Télécharger
                    </a>                
                  </td>                                                  
                </tr> 
				
				
				
				<tr>                                                          
                  <td width="114">                                                                
                    <img src="images/download/skype.png" style="margin:auto;" alt="logo Skype" />                                                            
                  </td>                                                          
                  <td width="431">                                             
                  <h4>Skype</h4>                                                              
                    
                    <p class="jTruncate">Skype permet de communiquer avec vos proches, quelle que soit votre situation géographique. Les conversations audio sécurisées, les conférences téléphoniques, l’échange de messages textes, la visioconférence sont les grandes fonctionnalités de ce logiciel.
Skype est très simple à mettre en place, et son utilisation est intuitive.
Dans cette toute nouvelle version, vous y trouverez notamment des améliorations pour la vidéo et le son, avec un affichage en plein écran et une "aide intelligente" pour régler les problèmes sonores pendant un appel. Une autre fonction vous permet de passer rapidement d'une conversation à une autre, quel que soit le mode de communication choisi (appel, vidéo, chat, etc.).
					</p>
                                                              
                  </td>                                                          
                  <td width="113">                                                                
                    <a href="http://www.skype.com/download/" target="_blank"rel="zoombox">                                                                      
                      <img src="images/download/telecharger.png" class="img_telecharger" title="télécharger" alt="logo telecharger" />                                                                      
                      Télécharger
                    </a>                
                  </td>                                                  
                </tr> 
				
				
				
				<tr>                                                          
                  <td width="114">                                                                
                    <img src="images/download/msn85.png" style="margin:auto;" alt="logo windows live messenger 8.5" />                                                            
                  </td>                                                          
                  <td width="431">                                             
                  <h4>Windows Live Messenger 8.5 avec patch anti mise à jour</h4>                                                              
                    
                    <p class="jTruncate">Windows Live Messenger (anciennement appelé MSN) 8.5 fait parti de la dernière version de msn ayant des status comme "Parti Manger", "De retour dans une minute", etc.. Contrairement à la dernière version WLM 2009 qui n'a que 3 status: "Absent", "En ligne", "Ocupé", ou encore hors-ligne. C'est à cause d'une faille de sécurité dans MSN 8.5 que Microsof à decidé de forcer l'upgrade à la nouvelle version. Mais un patch disponible sur wikikou (que j'ai mis avec le téléchargement) permet d'enlever ce "forcing". Je vous recommande quand même de mettre à jour votre windows !    
					</p>
                                                              
                  </td>                                                          
                  <td width="113">                                                                
                    <a href="images/download/msn8.5.zip" target="_blank">                                                                      
                      <img src="images/download/telecharger.png" class="img_telecharger" title="télécharger" alt="logo telecharger" />                                                                      
                     Télécharger
                    </a>                
                  </td>                                                  
                </tr> 
				
				
				<tr>                                                          
                  <td width="114">                                                                
                    <img src="images/download/wlm09.png" style="margin:auto;" alt="logo Windows Live Messenger 2009" />                                                            
                  </td>                                                          
                  <td width="431">                                             
                  <h4>Windows Live Messenger 2009</h4>                                                              
                    
                    <p class="jTruncate">Windows Live Messenger (anciennement appelé MSN) est un système de messagerie instantanée de microsoft appartenant aux services Windows Live. Vous pouvez communiqué par du texte, via une webcam ou en téléphonant.    
					</p>
                                                              
                  </td>                                                          
                  <td width="113">                                                                
                    <a href="http://www.windowslive.fr/messenger/" target="_blank" rel="zoombox">                                                                      
                      <img src="images/download/telecharger.png" class="img_telecharger" title="télécharger" alt="logo telecharger" />                                                                      
                      Télécharger
                    </a>                
                  </td>                                                  
                </tr> 
				
				
			  </table>
      </div>   


Je te tiens au courant..
C'EST BON !!! Wow tout ça pour un espace qui manquait ici:
<a href="http://www.skype.com/download/" target="_blank"rel="zoombox">


C'est officiel, toute mes pages son officialisé W3C Smiley smile plus qu'a attendre mon ami google qui vienne voir mon beau travail Smiley smile

Merci ! A bientôt bonne soirée

A propos j'ai une question : Valider le CSS est aussi important pour le référencement ou plus le (X)HTML ?
Modifié par flow041 (08 Mar 2010 - 20:54)
flow041 a écrit :
A propos j'ai une question : Valider le CSS est aussi important pour le référencement ou plus le (X)HTML ?

L'essentiel est que le code (X)HTML soit valide. Cela dit, rien ne t'empêche de soumettre tes CSS au validateur dédié ; mais, ça n'aura aucun impact sur le référencement.