HTML <base> target Attribute

HTML Web Development Front End Technology

The target attribute of the <base> element is used to set the default target for the hyperlinks in a document.

Following is the syntax −

<base target="_blank|_self|_parent|_top| frame">

Here, _blank is used to open the linked document in new window or tab, _self opens the linked document in the same frame as it was clicked, _parent opens the document in the parent frame, _top opens the linked document in the entire body of the window, frame opens the linked document in a named frame.

Let us now see an example to implement the target attribute of the <base> element −

Example

Live Demo

<!DOCTYPE html>
<html>
<head>
<base href="https://www.example.com/tutorials/" target="_blank">
</head>
<body>
<h2>Tutorials List</h2>
Java Tutorial
(This will act as https://www.example.com/tutorials/java.html)
jQuery Tutorial
(This will act as https://www.example.com/tutorials/jquery.html)
Blockchain Tutorial
(This will act as https://www.example.com/tutorials/blockchain.html)
Python Tutorial
(This will act as https://www.example.com/tutorials/python.html)
</body>
</html>

This will produce the following output. When you will click on any of the below link, it will open in a new window since it is set _blank −

Above, we have set the base URL −

<base href="https://www.example.com/tutorials/" target="_blank">

All the URLs will now open in anew window since we have set the target attribute for <base> element as −

target="_blank"

Ankith Reddy

Published on 20-Jun-2019 08:13:01

Previous Page Print Page