Maison  >  Article  >  interface Web  >  Comment utiliser la balise de base HTML ? Comment utiliser la balise de base (avec exemples)

Comment utiliser la balise de base HTML ? Comment utiliser la balise de base (avec exemples)

寻∝梦
寻∝梦original
2018-08-27 18:44:4311037parcourir

Cet article présente principalement des exemples d'utilisation de la balise HTML base. En fait, l'utilisation de base est assez puissante. Les internautes disent que la balise base est moins utilisée et que je ne les comprends pas. Aujourd'hui, je vais vous présenter cette étiquette. Laissez-vous l'utiliser et voyez si cela vous fait du bien. Enfin, la balise de base HTML présente un autre avantage. Ensuite, lisons l'article ensemble

Au début de cet article, nous présentons l'utilisation du HTML :

1. Utilisation de la balise dans la balise ;header> :

<header>
<!-- <base> 标签为页面上的所有链接规定默认地址或默认目标。 -->
<base href = "${pageContext.request.contextPath}/" />
<base target = "_blank" />
</header>

L'avantage de cette utilisation est que si tous les liens de la page utilisent des chemins relatifs, ils seront spécifiés dans la balise de base. L'adresse est utilisée comme adresse de base à la place de l'URL du document actuel, comme ceci :

<a href = "index.jsp" />

Le chemin relatif utilisé par la balise est ici équivalent à ${pageContext.request. .contextPath}/index .jsp; et ce lien sera ouvert avec la cible définie dans la balise de base.

Il est à noter que si vous souhaitez utiliser l'attribut href de la balise de base, alors le chemin doit se terminer par /, sinon le chemin n'aura aucun effet.

2. Comment utiliser la balise de base dans la balise a :

Comme il peut y avoir plusieurs balises a sur une page, il y a plusieurs cibles dans l'ordre Get. par redondance. Par conséquent, la balise de base peut être utilisée pour spécifier comment tous les liens de saut ouverts de a.

Comment utiliser la balise de base html :

Ajoutez

La balise de base prend effet sur toutes les balises a, mais lorsque la balise de base et une balise ont toutes deux des cibles, la cible de la balise a prendra effet.

Cela dit, regardons l'exemple :

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>base-href实验1:不设置base标签</title>
</head>
<body>
<a href="#">这是一个href属性为空的链接</a>
<br>
<a href="http://www.php.cn">这是一个href属性的绝对路径,前往http://www.php.cn,PHP中文网的链接</a>
<br>
<a href="test.html">这是一个href属性设置为相对路径(test.html)的链接</a>
</body>
</html>

s'affiche dans le navigateur comme suit :

Comment utiliser la balise de base HTML ? Comment utiliser la balise de base (avec exemples)

La balise HTML peut spécifier une adresse par défaut et des attributs par défaut pour toutes les URL relatives de votre page. Pour les sites avec des répertoires peu profonds et de petites structures, est peu utile, mais pour les sites avec des répertoires profondément imbriqués, la balise peut vous aider à concentrer le poids sur la page et à raccourcir l'URL ! Parce que peut vous aider à optimiser votre site.

Les avantages du HTML  :

Comment utiliser la balise de base HTML ? Comment utiliser la balise de base (avec exemples)

D'accord, tout dépend de l'utilisation de la balise base , si vous Si vous avez des questions, vous pouvez les poser ci-dessous.

【Recommandation de l'éditeur】

Que signifie la balise head en HTML ? Un article vous apprend à utiliser correctement la balise head

Comment centrer le contenu de l'en-tête dans un tableau html ? Une introduction détaillée à l'attribut align de la balise d'en-tête du tableau

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
Article précédent:Comment imbriquer des pages en html ? La balise