a facebook twitter youtube

La balise <a>

permet de créer un lien hypertexte pointant vers un document ,l'url ,ancres au sein d'un document avec  l'attribut "href".

Propriétés pour la balise a :

Attribut

Valeurs

Rôle

href

URL

Cible du lien.

hre flang

code de langue

Langage de base de la cible du lien.

media heypertexte

media query

 

Spécifie une requête de média pour laquelle la cible est optimisée

(voir l’annexe B en ligne sur les feuilles de style CSS).

rel

alternate, archives,

author, bookmark,

external, first, help,

index, last, license,

nextnofollow,

noreferrer, prefetch

prev, search, sidebar,

tag, up

Spécifie la relation établie par le lien, entre le document courant

et la cible. Plusieurs valeurs

peuvent être combinées, séparées

par des espaces. (Ne sont pas autorisés contrairement à

 <link> : icon,  pingback,stylesheet)

target

_blank, _parent, _self, _top

nom d’un élément de type iframe (attribut name)

Attribue un contexte de navigation dans lequel suivre le lien.

Indique dans quelle page s'ouvre le document

(par défaut dans le document courant), si le paramètre vaut "_blank", la page

s'ouvrira dans un nouvel onglet ou une nouvelle fenêtre.

typeheypertexte

type MIME

Le type MIME de la destination du lien.

download heypertexte

 

nom du fichier après téléchargement

ou(vide)

 

Indique que la ressource liée est prévue pour être téléchargée.Si une valeur est donnée à l’attribut, elle représente le nom du fichier aprèstéléchargement

title Texte Texte affiché au survol du lien

 

href et hreflang

 

L’at t r i but  href est bien sûr le plus important puisque c’est lui qui détermine la cible du lien, c’est-à-dire l’adresse du document que le navigateur chargera et interprétera. Il peut s’agir d’un lien classique vers une autre page HTML, vers un fichier média que le navigateur peut interpréter nativement ou à l’aide d’une extension (par exemple une image, un document PDF), ou encore vers un fichier que le navigateur proposera de télécharger.

L’attribut  hreflang précise la langue de destination et peut permettre à l’utilisateur de savoir par avance s’il pourra comprendre l’idiome utilisé.

Exemple d’usage de l’attribut hreflang
<!-- Lien vers la version de Wikipédia en langue anglaise -->

<a href="http://en.wikipedia.org" hreflang="en">Wikipedia</a>

rel


Les relations des liens vers les autres ressources sont exprimées par l’attribut rel.
Exemple de navigation sous forme de fil d’Ariane avec relations


<nav>
  <p>
    <a href="/" rel="index up up">Accueil</a> &gt;
    <a href="/categorie/" rel="up">Niveau supérieur</a> &gt;
    Page courante
  </p>
</nav>

id et ancres


L’attribut  name est désormais obsolète avec HTML 5 et doit être remplacé par id pour nommer l’ancre, comme pour tous les autres éléments.
Une ancre, aussi nommée hash en anglais, permet d’affiner l’écriture d’un lien pour cibler directement une portion de document (par exemple div, section) désignée par son identifiant unique id. Elle figure dans l’URL à la fin de l’adresse du document, concaténée à celui-ci par un

signe dièse « # ».
L’agent utilisateur sera chargé d’accéder directement à l’élément désigné par cet id, ce qui se traduit par un défilement automatique vers la portion concernée dans les navigateurs graphiques (si le document est assez long pour engendrer un défilement vertical ou horizontal dans la zone d’affichage).

La cible peut se situer sur le document courant :

<!-- Lien vers l’ancre #contact -->
<a href="#contact">Accédez directement au formulaire de contact</a>

Ou bien à une autre adresse :

<!-- Lien vers l’ancre #contact -->
<a href="mentions.html#contact">Accédez directement au formulaire de
contact</a>

Une ancre sans nom désigne le haut de la page


<!-- Lien vers le début du document -->
<a href="#">Haut de page</a>

 

target

L’attribut  target quant à lui, était déprécié dans la précédente version de HTML,

mais fait un retour en force, car particulièrement utile pour l’élément iframe. Il peut prendre les valeurs suivantes :

  • _blank : initialise un nouveau contexte de navigation (dans la plupart des cas,l’agent utilisateur ouvre une nouvelle fenêtre ou un nouvel onglet).
  • _parent : le lien est suivi dans le contexte parent de l’élément iframe qui contient le lien, ou dans le contexte courant s’il n’est pas contenu dans un document imbriqué.
  • _self : le lien est suivi dans le contexte courant (par exemple l’iframe) ce qui correspond au comportement par défaut et ne nécessite normalement pas d’être précisé.
  • _top : le lien est suivi dans le contexte de plus haut niveau remplaçant tout éventuel contexte parent.
  • Ou bien le nom (valeur de l’attribut name) d’un élément iframe présent sur la page.

 Dans les précédentes versions de HTML, on limitait le contenu autorisé d’un lien à du texte, des images et divers types de balises en ligne. Il n’était pas toléré de placer un bloc <h1> ou un paragraphe <p>.

Propriété

Détails

Interdictions

Ne doit pas être enfant d’un autre élément

a ni d’un élément button.

 

Omission de balise

Balises ouvrante et fermante obligatoires.

Style par défaut

 

a:link, a:visited {

  color: valeur interne;

  text-decoration: underline;

  cursor: auto;

}

a:link:active, a:visited:active {

 

Parents autorisés

Tout élément pouvant contenir des éléments de flux ou de phrasé.

 

download

 

Ce nouvel attribut est prévu pour les nombreux liens menant vers des fichiers à télécharger. Il effectue donc la distinction entre une ressource disponible pour la navigation (une autre page HTML) et une ressource destinée à être téléchargée pour un usage ultérieur.

<a href="/telecharger.php" download="Installation.exe">Télécharger la version d’installation</a>

Sa valeur peut contenir une suggestion sur le nom du fichier à sauvegarder, qui peut être différent de celui stocké sur le serveur. Cette fonction est particulièrement utile lorsqu’un script génère le fichier dynamiquement et que le navigateur ne parvient pas à en déterminer la bonne extension. Toutefois, cette valeur peut être redéfinie par l’en-tête http

 

Content-Disposition et son paramètre filename.

 

Création d'un lien hypertexte simple :

 

<a href="http://www.7astuces.fr" title="Ifo informatique " target="_blank">7ASTUCES</a>

Création d'un lien hypertexte appliqué sur une image :

 
<a href="index.html" title="Accueil test"><img src="images/test.png"></a>

Lien hypertexte avec CSS :


<a href="#" style=#"color:blue; text-decoration:none;">Lien coloré non souligné<a>

 



  •  MAP

    MAP

    Utilisée pour définir différentes régions cliquables sur une image donnée.

    .......
    Voir Plus
  • area

    area

    La balise <area>.Est utilisée pour marquer une zone active sur une image

    .......
    Voir Plus
Changer le fond
Oregionale Skin
7astuces
Sélectionnez un Fond (11)
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces
Fond de contenu
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces