Maison interface Web tutoriel HTML Comment utiliser la balise de base HTML ? Résumé de l'utilisation de la balise de base HTML

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

Sep 05, 2018 am 11:39 AM
base html

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="/static/imghw/default1.png"  data-src="eg_smile.gif"  class="lazy"   / 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!

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

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
Will R.E.P.O. Vous avez un jeu croisé?
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Bordure de tableau en HTML Bordure de tableau en HTML Sep 04, 2024 pm 04:49 PM

Guide de la bordure de tableau en HTML. Nous discutons ici de plusieurs façons de définir une bordure de tableau avec des exemples de bordure de tableau en HTML.

Marge gauche HTML Marge gauche HTML Sep 04, 2024 pm 04:48 PM

Guide de la marge HTML gauche. Nous discutons ici d'un bref aperçu de la marge gauche HTML et de ses exemples ainsi que de son implémentation de code.

Tableau imbriqué en HTML Tableau imbriqué en HTML Sep 04, 2024 pm 04:49 PM

Ceci est un guide des tableaux imbriqués en HTML. Nous discutons ici de la façon de créer un tableau dans le tableau ainsi que des exemples respectifs.

Disposition du tableau HTML Disposition du tableau HTML Sep 04, 2024 pm 04:54 PM

Guide de mise en page des tableaux HTML. Nous discutons ici des valeurs de la mise en page des tableaux HTML ainsi que des exemples et des résultats en détail.

Espace réservé d'entrée HTML Espace réservé d'entrée HTML Sep 04, 2024 pm 04:54 PM

Guide de l'espace réservé de saisie HTML. Nous discutons ici des exemples d'espace réservé d'entrée HTML ainsi que des codes et des sorties.

Liste ordonnée HTML Liste ordonnée HTML Sep 04, 2024 pm 04:43 PM

Guide de la liste ordonnée HTML. Ici, nous discutons également de l'introduction de la liste et des types HTML ordonnés ainsi que de leur exemple respectivement.

Déplacer du texte en HTML Déplacer du texte en HTML Sep 04, 2024 pm 04:45 PM

Guide pour déplacer du texte en HTML. Nous discutons ici d'une introduction, du fonctionnement des balises de sélection avec la syntaxe et des exemples à implémenter.

Bouton HTML onclick Bouton HTML onclick Sep 04, 2024 pm 04:49 PM

Guide du bouton HTML onclick. Nous discutons ici de leur introduction, de leur fonctionnement, des exemples et de l'événement onclick dans divers événements respectivement.

See all articles