Comment écrire le chemin relatif vers la balise de base en HTML ? (Mode d'emploi inclus)-tutoriel HTML-php.cn

Comment écrire le chemin relatif vers la balise de base en HTML ? (Mode d'emploi inclus)

寻∝梦

Libérer： 2018-08-27 19:12:55

original

4795 Les gens l'ont consulté

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 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 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 , , ,

Exemple d'utilisation de la balise de base en html :

<head>
<base href="//m.sbmmt.com/i/" />
<base target="_blank" />
</head>
<body>
<img src="eg_smile.gif" />
<a href="//m.sbmmt.com">W3School</a>
</body>

Copier après la connexion

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(&#39;<base href="http://localhost/" />&#39;);
</script>
</head></p> <p><body>
<img src="static/1.jpg" />
</body>
</html>

Copier après la connexion

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

Utilisez la balise 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 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 🎜>

【Recommandation de l'éditeur]

<html>
<head>
<base href="http://localhost:8080/MyApp/">
</head>
<!-- // 设置了 <base>后，相对路径，相对于的就是base中的路径，而不再是浏览器
地址的请求路径啦~~~  -->
<a href="jsp/login.jsp">Login </a>
</html>

Copier après la connexion

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

Quel élément est la balise html

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!