How to use html base tag? Summary of usage of html base tag-HTML Tutorial-php.cn

Home

Web Front-end

HTML Tutorial

How to use html base tag? Summary of usage of html base tag

寻∝梦

Sep 05, 2018 am 11:39 AM

base html

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:

The tag specifies the default address or default target for all links on the page.

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 tag to change this. The browser will then no longer use the URL of the current document, but will use the specified base URL to resolve all relative URLs. This includes URLs in , How to use html base tag? Summary of usage of html base tag , ,

Note: The tag must be located inside the head element.

There is also an introduction to the html base tag attribute:

How to use html base tag? Summary of usage of html base tag

Let’s take a look at the example now:

<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="How to use html base tag? Summary of usage of html base tag" >
<a href="http://www.php.cn">PHP中文网</a>
</body>

Copy after login

Do you know the effect of these codes? Now let’s take a look at the actual effect in the browser:

How to use html base tag? Summary of usage of html base tag

#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 tag to set all "relative base URLs".

This is the code on the JSP side

Uses the tag in the html file:

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>

Copy after login

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>

Copy after login

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!

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn