In-depth understanding of HTML relative path (Relative Path) and absolute path (Absolute Path)
|
I have been engaged in Java web development for more than a year, and it is inevitable to write html or jsp pages. The powerful function of web applications lies in their hyperlinks (Hyper Link). For example, page a saves the link address (that is, URI) pointing to page b, but the problem lies precisely here, how to correctly reference a file. For example, how do you reference another HTML page as a hyperlink in an HTML page? How to insert a picture into a web page? ...... In addition, relative paths are very popular in struts, so it is easy to get confused if you are not careful. If you use the wrong file path when referencing a file (such as adding a hyperlink or inserting a picture, etc.), the reference will become invalid (the linked file cannot be browsed, or the inserted picture cannot be displayed, etc.). In order to avoid these errors and cite the documents correctly, I have written down the differences and usages for future reference. HTML has two ways of writing paths: relative paths and absolute paths HTML relative path File references in the same directory If the source file and the referenced file are in the same directory, just write the referenced file name. We now create a source file info.HTML, and reference the index.HTML file as a hyperlink in info.HTML. Assume that the path to info.HTML is: d:\tomcat\webapps\hello\blabla\info.HTML Assume that the path to index.HTML is: d:\tomcat\webapps\hello\blabla\index.HTML The code to add a hyperlink to index.HTML in info.HTML should be written like this: Copy code The code is as follows:<a href = "index.HTML">index.HTML</a> How to indicate the parent directory ../ represents the parent directory of the source file, ../../ represents the parent directory of the source file, and so on. Assume that the path to info.HTML is: d:\tomcat\webapps\hello\blabla\info.HTML Assume that the path to index.HTML is: d:\tomcat\webapps\hello\index.HTML The code to add a hyperlink to index.HTML in info.HTML should be written like this: Copy code The code is as follows:<a href = "../index.HTML">index.HTML</a> Assume that the path of info.HTML is: d:\tomcat\webapps\hello\blabla\wowstory\info.HTML Assume that the path to index.HTML is: d:\tomcat\webapps\hello\index.HTML The code to add a hyperlink to index.HTML in info.HTML should be written like this: Copy code The code is as follows:<a href = "../../index.HTML">index.HTML</a> Assume that the path to info.HTML is: d:\tomcat\webapps\hello\blabla\info.HTML Assume that the index.HTML path is: d:\tomcat\webapps\hello\wowstory\index.HTML The code to add a hyperlink to index.HTML in info.HTML should be written like this: Copy code The code is as follows:<a href = "../wowstory/index.HTML">index.HTML</a> How to represent a sub-directory <br />To reference a file in a sub-directory, simply write the path of the sub-directory file. Assume that the path to info.HTML is: d:\tomcat\webapps\hello\blabla\info.HTML Assume that the path to index.HTML is: d:\tomcat\webapps\hello\blabla\HTML\index.HTML The code to add a hyperlink to index.HTML in info.HTML should be written like this: Copy code The code is as follows:<a href = "HTML/index.HTML">index.HTML</a> Assume that the path to info.HTML is: d:\tomcat\webapps\hello\blabla\info.HTML Assume that the path to index.HTML is: d:\tomcat\webapps\hello\blabla\HTML\tutorials\index.HTML The code to add a hyperlink to index.HTML in info.HTML should be written like this: Copy code The code is as follows:<a href = "HTML/tutorials/index.HTML">index.HTML</a> HTML absolute path HTML absolute path refers to the complete path of the file with the domain name. Suppose you have registered the domain name www.jb51.net and applied for a virtual host. The virtual host provider will give you a directory, such as www. This www is the root directory of the website. Assume that there is a file index.HTML in the www root directory. The absolute path of this file is: https://www.jb51.net/index.html. Suppose a directory called HTML_tutorials is created in the www root directory, and then a file index.HTML is placed in this directory. The absolute path of this file is https://www.jb51.net/article/32759.htm. |
<<: JavaScript imitates the complete page implementation process of Xiaomi Mall official website
>>: Teach you how to make cool barcode effects
Recommend
Mysql5.7 my.ini file loading path and data location modification method under windows7
Update: Now you can go to the MySQL official webs...
Mysql splits string into array through stored procedure
To split a string into an array, you need to use ...
How to allow all hosts to access mysql
1. Change the Host field value of a record in the...
How to solve mysql error 10061
This article shares with you the solution to the ...
Detailed explanation and summary of the URL for database connection
Detailed explanation and summary of the URL for d...
React new version life cycle hook function and usage detailed explanation
Compared with the old life cycle Three hooks are ...
Solution to the "No such file or directory" prompt when executing executable files in Linux
Recently, when I was using the Linux operating sy...
Detailed explanation of location and rewrite usage in nginx
1. Summary of location usage Location can locate ...
How to display percentage and the first few percent in MySQL
Table of contents Require Implementation Code dat...
How to build a complete samba server in Linux (centos version)
Preface smb is the name of a protocol that can be...
Example of MySQL auto-increment ID exhaustion
Display Definition ID When the auto-increment ID ...
Linux system command notes
This article describes the linux system commands....
Detailed explanation of Vue two-way binding
Table of contents 1. Two-way binding 2. Will the ...
win10 docker-toolsbox tutorial on building a php development environment
Download image docker pull mysql:5.7 docker pull ...
How to ensure that every page of WeChat Mini Program is logged in
Table of contents status quo Solution Further sol...