Comment ouvrir les liens dans de nouvelles fenêtres ou onglets avec HTML5

Le web fonctionne parce que vous pouvez lier des pages de votre site vers des pages sur les sites d'autres personnes en utilisant un élément d'ancrage simple. Lorsque vous lien vers le site de quelqu'un d'autre, cependant, vous envoyez les utilisateurs à partir de votre propre site.

Pour garder les utilisateurs sur votre site, HTML peut ouvrir la page liée dans une nouvelle fenêtre ou dans un nouvel onglet dans la même fenêtre de navigateur. (Internet Explorer, Firefox, Chrome et d'autres navigateurs ouverts de nouveaux onglets. Vous pouvez configurer Internet Explorer et d'autres préférences du navigateur pour ouvrir dans une nouvelle fenêtre au lieu d'un nouvel onglet si vous préférez.)

La simple addition de la cible attribuer à un élément d'ancrage ouvre ce lien dans une nouvelle fenêtre de navigateur (ou onglet) au lieu de l'ouvrir dans la fenêtre actuelle:




Le World Wide Web Consortiumis l'organisme de normalisation qui supervise le développement continu de la XHTMLspecification.

Quand vous donnez un cible attribuer un _blank valeur, cela indique au navigateur de faire ce qui suit:

  1. Gardez la page de liaison ouvert dans la fenêtre actuelle.

  2. Ouvrez la page liée dans une nouvelle fenêtre ou onglet.

Le résultat de l'utilisation du target = "_ blank" attribut est représenté sur la figure, qui représente un nouvel onglet ouvert pour le site du W3C.

image0.jpg

Les fenêtres pop-up irritent certains utilisateurs. Utilisez-les avec soin - et avec parcimonie. Vous pouvez utiliser javascript pour contrôler la taille, l'emplacement et l'apparence des fenêtres pop-up ainsi que de mettre des boutons sur eux pour aider les utilisateurs à les fermer rapidement. Consultez l'article du Dr. Dobb “ Introduction à Pop-up javascript de Windows ” pour tous les détails sur la façon de gérer l'apparence de la fenêtre, la taille et la position sur l'écran quand elle apparaît.


» » » » Comment ouvrir les liens dans de nouvelles fenêtres ou onglets avec HTML5