Résumé de l'utilisation de tous les attributs de la balise <a> en html-tutoriel HTML-php.cn

Résumé de l'utilisation de tous les attributs de la balise en html

黄舟

Libérer： 2018-05-30 14:32:07

original

9666 Les gens l'ont consulté

Définissez la valeur href dans la balise sur la page à sauter et définissez la valeur cible sur _blank, ce qui signifie que la page à afficher est affichée dans une nouvelle fenêtre si vous le souhaitez. set Comment définir la nouvelle fenêtre sur une taille fixe, et il n'y a pas de barres d'outils ni de barres de menus dans la nouvelle fenêtre

La fonction principale de cette balise

- Créez un lien vers un autre document via l'attribut href
- Créez un signet dans le document via l'attribut name
href ou name est un attribut obligatoire

attribut cible

Un attribut important de la balise A : cible, cible définit où le document lié est affiché

Les valeurs possibles de la cible sont :
_blank Ouvrir une nouvelle fenêtre
_parent Affiché dans la fenêtre précédente
_top Affiché dans la fenêtre supérieure

name Affiché dans la fenêtre nommée name
_self Affiché dans la fenêtre actuelle, les attributs par défaut
_parent, _top, name, doivent être utilisés en combinaison avec frame.

Si le cadre ou la fenêtre portant le nom ou l'identifiant spécifié n'existe pas, le navigateur ouvrira une nouvelle fenêtre, attribuera à la fenêtre une balise spécifiée, puis y chargera le nouveau document. fenêtre. Désormais, les hyperliens documents peuvent pointer vers cette nouvelle fenêtre.

<html>
<body>

<h3>Table of Contents</h3>
<ul>
  <li><a href="/example/html/pref.html" target="bodyFrame">Preface</a></li>
  <li><a href="/example/html/chap1.html" target="view_window">Chapter 1</a></li>
  <li><a href="/example/html/chap2.html" target="view_window">Chapter 2</a></li>
  <li><a href="/example/html/chap3.html" target="view_window">Chapter 3</a></li>
</ul>
<iframe id="bodyFrame" name="bodyFrame" frameborder="0"></iframe>
</body>
</html>

Copier après la connexion

attribut href

href précise l'adresse du lien :

-Lien texte

<a href="http://www.baidu.com">百度一下</a>

Copier après la connexion

<🎜 Lien >-

Image :

<a href="http://www.baidu.com"><img src="https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png"></a>

Copier après la connexion

Trois valeurs possibles pour href :

- URL absolue - Pointer vers un autre site

href="http://www.example.com/index.htm"

Copier après la connexion

- URL relative - pointe vers un fichier au sein du site

href="index.htm"

Copier après la connexion

- URL d'ancrage - pointe vers une ancre dans la page

href="#top"

Copier après la connexion

name规定了锚的名称

相对链接

<a href="#h1">跳到第一章</a>
...
<h1>
<a name="h1">第一章</a>
<!--这里的name可以换成id-->
</h1>
<p>本章的内容有....</p>

Copier après la connexion

绝对链接

<a href=" 
<!--这段代码会让用户直接进入这个网站的这个anchor下-->

Copier après la connexion

其他

download 规定被下载的目标，即点击后直接下载某个目标（H5）

media 规定目标文档是专为什么样的平台设计的，没有实际作用（H5）

type 规定了文档的mime类型，比如”text/css”
X/charset 规定链接的字符集（w3shool标记为所有浏览器不支持）
X/hreflang 规定链接文档的语言（w3shool标记为所有浏览器不支持）

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!