Quels nouveaux attributs sont ajoutés à la balise a en HTML5-tutoriel HTML-php.cn

Quels nouveaux attributs sont ajoutés à la balise a en HTML5

清浅

Libérer： 2018-12-04 09:18:07

original

6121 Les gens l'ont consulté

Les nouveaux attributs de la balise a en HTML5 incluent charset, shape, coords, downloadNew, etc. pour modifier le style du lien

La balise a en HTML5 a de nombreux nouveaux attributs. De nombreuses nouvelles fonctions et styles ont été ajoutés aux hyperliens. Aujourd'hui, je vais présenter en détail la valeur de l'attribut dans la nouvelle balise a en HTML5

HTML5 lien vers d'autres pages ou d'autres fichiers locaux. L'attribut le plus important de l'élément est l'attribut href, qui spécifie la cible du lien. S'il n'y a pas d'attribut href, vous ne pouvez pas utiliser des attributs tels que target et type <.>

[Cours recommandés : Cours HTML5]

Exemple :

<a href="http://www.php.cn/">PHP中文网</a>

Copier après la connexion

La différence entre HTML et HTML5 est que la balise ; balise C'est un lien hypertexte

Nouvel attribut de la balise en HTML5

charset : html5 n'est pas pris en charge, fait référence à l'encodage des caractères de l'url

coords : html5 Non supporté, fait référence aux coordonnées du lien.

downloadNew : Spécifiez le lien de téléchargement

hreflang : La langue de base de l'URL cible, utilisée uniquement lorsque l'attribut href existe.

mediaNew : Le type de média de l'URL cible, utilisé uniquement lorsque l'attribut href existe et que la valeur par défaut est all.

name : Non pris en charge par html5, le nom de l'ancre.

rel : Non pris en charge par html5, fait référence à la relation entre l'URL cible et le document actuel.

forme : html5 n'est pas supporté, fait référence à la forme du lien.

taget : fait référence à l'endroit où ouvrir l'URL cible, utilisé uniquement lorsque l'attribut href existe.

type New : Spécifie le type MIME de l'URL cible, utilisé uniquement lorsque l'attribut href existe.

Partage de cas

Créer un lien en forme de cercle pour l'image étoile

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<img  src="images/12.jpg" usemap="#xingxing" alt="Quels nouveaux attributs sont ajoutés à la balise a en HTML5" >
<map name="xingxing" id="xingxing">
  <area href="https://baike.baidu.com/item/%E6%98%9F%E6%98%9F/5683398?fr=aladdin" shape="circle" coords="96,195,10" target="_blank"></area>
 </map>
</object>
</body>
</html>

Copier après la connexion

Avant de cliquer

Quels nouveaux attributs sont ajoutés à la balise a en HTML5