Maison > interface Web > tutoriel HTML > le corps du texte

Comment utiliser la balise de base HTML ? Résumé de l'utilisation de la balise de base HTML

寻∝梦
Libérer: 2018-09-05 11:39:12
original
4087 Les gens l'ont consulté

Cet article parle principalement de l'utilisation de la balise de base HTML , ainsi que des exemples d'utilisation spécifiques de la balise de base HTML. Ensuite, jetons un coup d'œil ensemble à cet article

. Tout d'abord, découvrons la balise de base html :

La balise spécifie l'adresse par défaut ou la cible par défaut de tous les liens de la page.

Normalement, le navigateur extraira les éléments correspondants de l'URL du document actuel pour remplir les blancs dans l'URL relative.

Utilisez la balise Le navigateur n'utilisera alors plus l'URL du document en cours, mais utilisera l'URL de base spécifiée pour résoudre toutes les URL relatives. Cela inclut les URL dans les balises , Comment utiliser la balise de base HTML ? Résumé de l'utilisation de la balise de base HTML, ,

.

Remarque : La balise doit être située à l'intérieur de l'élément head.

Il y a également une introduction à l'attribut de balise de base html :

Comment utiliser la balise de base HTML ? Résumé de lutilisation de la balise de base HTML

Regardons maintenant un exemple :

<head>
<base href="http://www.php.cn/" />
<base target="_blank" />
</head>
<body>
<img  src="eg_smile.gif" / alt="Comment utiliser la balise de base HTML ? Résumé de l'utilisation de la balise de base HTML" >
<a href="http://www.php.cn">PHP中文网</a>
</body>
Copier après la connexion

Connaissez-vous l'effet de ces codes ? Jetons maintenant un coup d'œil à l'effet réel dans le navigateur :

Comment utiliser la balise de base HTML ? Résumé de lutilisation de la balise de base HTML

Comme je n'ai pas entré le chemin d'image correct, voici l'effet affiché. Vous pouvez entrer Vérifier le. chemin correct.

Regardons maintenant l'utilisation de la balise de base HTML :

La balise de base est une balise de lien de base et une balise unique. Utilisé pour modifier la valeur par défaut du paramètre pour toutes les balises de lien du document. Il ne peut être appliqué qu'entre les balises et .

Tous les chemins relatifs sur vos pages Web seront précédés de l'adresse pointée par le lien de base lors de la création du lien.

L'élément de base peut spécifier l'URL de base de tous les liens de la page

Nous pouvons utiliser l'attribut href dans la balise

Voici le code côté JSP

utilise la balise dans le fichier html :

Le code est le suivant :

<%
String path = request.getContextPath();
// 获得项目完全路径(假设你的项目叫myWork,那么获得到的地址就是 http://localhost:12138/myhtml/):
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
// 将 "项目路径basePath" 放入pageContext中
%>
<html>
<head>
<base href=" <%=basePath%>">
//base只能应用于标记<head>与</head>之间
</head>
// 这里我们就可以直接使用相对路径(即: 相对于base标签)
<a href="jsp/login.jsp">Login </a>
</html>
Copier après la connexion

Quand on y va Après avoir exécuté le code JSP ci-dessus, nous pouvons visualiser le code html renvoyé au client dans le navigateur :

Après avoir exécuté le code JSP ci-dessus, le code html renvoyé est le suivant :

<html>
<head>
<base href="http://localhost:12138/myhtml/">
</head>
//设置了<base>后,相对路径,相对于的就是base中的路径,而不再是浏览器地址的请求路径啦~~~
<a href="jsp/login.jsp">Login </a>
</html>
Copier après la connexion

Nous pouvons voir que le code html renvoyé par JSP contient du contenu

En d'autres termes, dans ce fichier html, tous les "liens relatifs (par exemple : )" rencontrés sont des chemins relatifs à la base (i.e. : http : //localhost:12138/myhtml/)

D'accord, ce qui précède est l'introduction à l'utilisation de la balise de base HTML dans cet article (si vous souhaitez en savoir plus sur HTML, bienvenue sur le site Web PHP chinoistutoriel vidéo html), si vous avez des questions, vous pouvez les poser ci-dessous.

[Recommandation de l'éditeur]

Quels sont les attributs de la balise d'entrée html ? Résumé de l'utilisation de la balise input (avec exemples)

Comment définir la hauteur de la balise label en html ? Introduction à l'utilisation des balises d'étiquette

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal