Maison >interface Web >tutoriel HTML >Quels nouveaux attributs sont ajoutés à la balise a en HTML5

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

清浅
清浅original
2018-11-30 17:45:576120parcourir

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]

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

Exemple :

<a href="http://www.php.cn/">PHP中文网</a>
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>
Avant de cliquer


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

Après avoir cliqué

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

Lorsque vous cliquez sur ce cercle de coordonnées, le lien a sautera à l'emplacement spécifié par le a tag

Résumé dans le lien : Ce qui précède est l'intégralité du contenu de cet article, j'espère qu'il sera utile à l'étude de chacun.



Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn