Home > Article > Web Front-end > How to use html base tag? Summary of usage of html base tag
How to use html base tag? Summary of usage of html base tag
- 寻∝梦Original
- 2018-09-05 11:39:124078browse
This article mainly talks about the usage of html base tag, as well as the specific usage examples of html base tag. Next, let us read this article together
First of all, let’s get to know the html base tag:
Normally, the browser will extract the corresponding elements from the URL of the current document to fill in the blanks in the relative URL.
Use the , ,
Note: The
There is also an introduction to the html base tag attribute:
Let’s take a look at the example now:
<head> <base href="http://www.php.cn/" /> <base target="_blank" /> </head> <body> <img src="eg_smile.gif" / alt="How to use html base tag? Summary of usage of html base tag" > <a href="http://www.php.cn">PHP中文网</a> </body>
Do you know the effect of these codes? Now let’s take a look at the actual effect in the browser:
#Since I did not enter the correct image path, this is the effect displayed. You can enter Check out the correct path.
Now let’s look at the usage of the HTML base tag:
The base tag is a base link tag and a single tag. Used to change the parameter default value for all link tags in the document. It can only be applied between the tags
and .All relative paths on your web pages will be preceded by the address pointed to by the base link when linking.
The base element can specify the base URL of all links in the page
We can use the href attribute in the
This is the code on the JSP side
Uses the
The code is as follows:
<% 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>
When we execute the above After that piece of JSP code, we can view the html code returned to the client in the browser:
After executing the above JSP, the returned html code is as follows:
<html> <head> <base href="http://localhost:12138/myhtml/"> </head> //设置了<base>后，相对路径，相对于的就是base中的路径，而不再是浏览器地址的请求路径啦~~~ <a href="jsp/login.jsp">Login </a> </html>
We can see that the html code returned by JSP contains the content of
In other words, in this html file, all "relative links (for example: )" encountered are paths relative to base (ie: http://localhost:12138/myhtml/)
Okay, the above is the introduction to the usage of html base tag in this article (If you want to see more HTML knowledge, welcome to the PHP Chinese websitehtmlvideo tutorial), if you have any questions, you can ask below.
【Editor’s Recommendation】
#What are the attributes of the html input tag? Summary of usage of input tag (with examples)
#How to set the height of label tag in html? Introduction to how to use label labels
The above is the detailed content of How to use html base tag? Summary of usage of html base tag. For more information, please follow other related articles on the PHP Chinese website!