Maison >interface Web >tutoriel HTML >Comment écrire le chemin relatif vers la balise de base en HTML ? (Mode d'emploi inclus)
Cet article explique principalement comment utiliser le chemin relatif de la balise de base en HTML. Il contient des exemples d'utilisation. Examinons-le ensuite
Tout d'abord, regardons-le. parler de base en HTML. Les balises écrivent le contenu des chemins relatifs :
La balise de base en HTML résout le problème des chemins relatifs
Le problème est que le système de portail a toujours. utilisé des chemins relatifs. La page d'accueil a été réécrite et la page d'accueil contient de nombreux liens (y compris css, js, images, etc.) qui sont des chemins relatifs. J'ai demandé au système de portail et je n'ai pas pu le résoudre, je n'ai donc pu utiliser que des chemins relatifs. .
La coupe est ici, href="news/2014/05/25/1234.html" et des liens similaires sont devenus http://www.111cn.net /news/2014/05/25 Le complet chemin de /1234.html, et ce chemin ne peut pas être reconnu comme un système de portail dans nginx (nginx correspond via /portal).
En effet : le navigateur extraira l'URL du document actuel pour renseigner les chemins relatifs dans tous les liens du document HTML.
Je me souviens soudain de la balise de base du HTML, regardons l'explication du W3C :
La balise dde6fb694e6711ae5e6f381704c04ae4 page.
Normalement, le navigateur comblera les lacunes de l'URL relative en extrayant les éléments correspondants de l'URL du document actuel.
Utilisez la balise dde6fb694e6711ae5e6f381704c04ae4 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 3499910bf9dac5ae3c52d5ede7383485, a1f02c36ba31691bcfe87b2722de723b, 2cdf5bf648cf2f33323966d7f58a7f3f, ff9c23ada1bcecdd1a0fb5d5a0f18437.
Exemple d'utilisation de la balise de base en html :
<head> <base href="http://www.php.cn/i/" /> <base target="_blank" /> </head> <body> <img src="eg_smile.gif" /> <a href="http://www.php.cn">W3School</a> </body>
Problème résolu.
Remarque : le nom de domaine utilisé dans l'article est réel, mais le chemin est introuvable.
Il est préférable de ne pas écrire la balise de base de manière dynamique, sinon il y aura un petit bug dans Firefox et IE, par exemple, pour la page http://localhost/static/test.html :
Exemples d'utilisation des balises de base en HTML :
<html> <head> <script> document.write('<base href="http://localhost/" />'); </script> </head></p> <p><body> <img src="static/1.jpg" /> </body> </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 93f0f5c25f18dab9d176bd4f6de5d30e et 9c3bca370b5104690d9ef395f2c5f8d1.
Utilisez la balise dde6fb694e6711ae5e6f381704c04ae4 en html pour obtenir le chemin relatif : (les chemins absolus ne sont pas pris en charge)
Ce qui suit est la description de < ;base> en html Introduction :
L'élément base peut spécifier l'URL de base de tous les liens de la page
Par défaut, les liens de la page (y compris les adresses de style feuilles, scripts et images) sont relatifs à l'adresse de la page
actuelle (c'est-à-dire : l'URL de la requête dans la barre d'adresse du navigateur).
Nous pouvons utiliser l'attribut href dans la balise dde6fb694e6711ae5e6f381704c04ae4 pour définir toutes les "URL de base relatives".
Que signifie ce qui précède ? Jetons un coup d'oeil au code et nous saurons ~~
C'est le code côté JSP, le code ci-dessous (très similaire au code JSP dans la « Méthode 1 » ci-dessus)
Mais nous ne l'avons pas utilisé ici ${pageScope.basePath}+ méthode "adresse de chemin relatif",
utilise désormais la balise dde6fb694e6711ae5e6f381704c04ae4 🎜>
【Recommandation de l'éditeur]<html> <head> <base href="http://localhost:8080/MyApp/"> </head> <!-- // 设置了 <base>后,相对路径,相对于的就是base中的路径,而不再是浏览器 地址的请求路径啦~~~ --> <a href="jsp/login.jsp">Login </a> </html>Que signifie la balise head en HTML ? Un article vous apprend à utiliser correctement la balise head Quel élément est la balise htmle388a4556c0f65e1904146cc1a846bee Explication détaillée de la définition et de la fonction de la balise html p
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!