在HTML中,不同的HTML元素具有包含指向其他資源的屬性。這些屬性的值是URL,可以是絕對URL或相對URL。
相對 URL 不包含完整的網址。使用相對 URL,我們會自動從瀏覽器目前所在的位址開始,然後新增路徑元件和副檔名。明確告訴瀏覽器使用目前資料夾。
以下是使用相對 URL 連結頁面的語法。
<a href="relative URL">Link text…</a>
以下是使用相對URL連結頁面的範例程式。
<!DOCTYPE html> <html> <body> <h2>Relative link</h2> <h3>Sign In Page</h3> <form> <label for="fname">Email Address</label><br> <input type="text" id="fname" name="fname" ><br> <label for="lname">Password</label><br> <input type="text" id="lname" name="lname" ><br><br> <input type="submit" value="Login"> <a href="Untitled-2.html">Sign Up</a> </form> </body> </html>
<!DOCTYPE html> <html> <body> <h2>Relative link</h2> <h3>Sign Up Page</h3> <form> <label for="fname">Name</label><br> <input type="text" id="fname" name="fname" ><br> <label for="email">Email</label><br> <input type="text" id="email" name="email" ><br> <label for="fname">Password</label><br> <input type="text" id="fname" name="fname" ><br> <label for="lname"> Re-enter Password</label><br> <input type="text" id="lname" name="lname" ><br><br> <input type="submit" value="Submit"> <a href="Untitled-1.html">Login</a> </form> </body> </html>
在上面的範例中,我們使用相對URL連結了兩個不同的頁面。相對URL不包含完整的網址。正如我們在上面的範例程式中所看到的。
以上是如何使用相對URL在HTML中連結頁面?的詳細內容。更多資訊請關注PHP中文網其他相關文章!