Les liens durs pour les nuls

Soumettez ici vos demandes concernant le webmastering, tout ce qui s’apparente à l’utilisation de votre site web.

Modérateur: Equipe de modération


Les liens durs pour les nuls

Messagepar Tzigane » 26 Jan 2010, 11:59

Etant actuellement en plein apprentissage à la dur du code html et du référencement pour les débutant, je vais partager avec vous une astuce bien utile pour créer son lien en dur facilement.

<p><a href="http://www.monsite.fr" target="_blank"><img src="http://monimage" width="88" height="31" border="0" alt="montexte"></a></p>


Voici le code pour réaliser sa bannière, comment la personnaliser pour son site ?

Monsite : Ici, entrez simplement l'url du site cibler

Monimage : Ici, l'url de l'image qui va servir de lien, vous pouvez reprendre une image déja présente sur votre site. (Clic droit-> propriété -> adresse url)

Mon texte : Ici, vous pourrez indiquer le texte à afficher quand l'internaute passera la souris sur l'image.

N'hésitez pas si vous avez des questions ou problèmes ;)
Personnalisez vos cadeaux
Tee Shirt, mug, sac, sous verre etc. Nous réalisons pour vous l'impression de vos photos, images ou texte sur notre large gamme de support.

Objets publicitaires
Nous vous proposons une solution adaptée à vos projets
Tzigane
Membre débutant
Membre débutant
 
Messages: 10
Sujets créés: 5
Inscription: 12 Jan 2010, 11:14

Re: Les liens durs pour les nuls

Messagepar Steph » 26 Jan 2010, 14:30

Bonjour Tzigane,

Merci pour cette participation.

Je vais juste me permettre deux remarques

  1. Concernant target="_blank" cette syntaxe est fonctionnel pour ouvrir un lien dans une nouvelle page, mais n'est pas valide xhtml pour cela il faut donc mieux utiliser onclick="window.open(this.href);return false;" à la place.
  2. Les balises width="" et height="" sont utiles pour déterminer manuellement la taille d'une image trop grande mais ne sont pas nécessaires dans la majorité des cas.

Pour résumer j'aurai écris ton code de cette façon

<p><a href="http://www.monsite.fr" onclick="window.open(this.href);return false;"><img src="http://monimage" border="0" alt="montexte"></a></p>


Les balises <p> et </p> servent à déterminer une nouvelle ligne pour l'affichage, la balise <br /> sert à faire un retour à la ligne.

@+
Avatar de l’utilisateur
Steph
Administrateur du site
Administrateur du site
 
Messages: 2839
Sujets créés: 110
Inscription: 16 Sep 2009, 22:14
Localisation: Monswiller (Alsace)

Re: Les liens durs pour les nuls

Messagepar Tzigane » 26 Jan 2010, 16:45

Steph a écrit:Bonjour Tzigane,

  1. Concernant target="_blank" cette syntaxe est fonctionnel pour ouvrir un lien dans une nouvelle page, mais n'est pas valide xhtml pour cela il faut donc mieux utiliser onclick="window.open(this.href);return false;" à la place.



Pourrais tu en dire plus sur ce que cela apporte de plus ? Cela m'intéresse.
Personnalisez vos cadeaux
Tee Shirt, mug, sac, sous verre etc. Nous réalisons pour vous l'impression de vos photos, images ou texte sur notre large gamme de support.

Objets publicitaires
Nous vous proposons une solution adaptée à vos projets
Tzigane
Membre débutant
Membre débutant
 
Messages: 10
Sujets créés: 5
Inscription: 12 Jan 2010, 11:14

Re: Les liens durs pour les nuls

Messagepar Steph » 26 Jan 2010, 18:02

Ben en fait onclick="window.open(this.href);return false;" n'apporte rien de plus par rapport à target="_blank", le premier est valide car il contourne la norme W3C, l'autre non.

target="_blank" est une manière d'imposer une certaine navigation aux visiteurs et ce n'est plus accepté par le W3C dans les versions strictes de HTML et XHTML
Avatar de l’utilisateur
Steph
Administrateur du site
Administrateur du site
 
Messages: 2839
Sujets créés: 110
Inscription: 16 Sep 2009, 22:14
Localisation: Monswiller (Alsace)




Retourner vers Webmastering

 


  • Articles en relation
    Réponses
    Vus
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités

cron