Home > Article > Web Front-end > How to write a link in a new window in html code_html/css_WEB-ITnose
How to write a link in a new window in html code_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:47:231642browse
Author: iamlaosong
When I learn HTML, when I click on a link, sometimes it opens in the original window, and sometimes it opens in a new window. What is the difference in the way this link is written? After searching online, I found that it turns out that the target attribute is added to the link and the value is set to _blank, so that the page can be opened in a new window. Without this attribute, the page will be opened in the original window. The code is as follows:
<html> <head> <title>一个Html文档</title> </head> <body> <p>欢迎访问<a href="http://www.jb51.net">脚本之家old_win</a>! </p> <p>欢迎访问<a href="http://www.jb51.net" target="_blank">脚本之家new_win</a>!</p> </body></html>
The meaning of the target attribute
_blank loads the document in a new empty window, and the new window is not named.
_parent loads the document in the direct parent window of the window where the link is located.
_search loads documents in the browser's search area. Note that this feature is only available in Internet Explorer 5 or higher.
_self loads the document in the window where the link is located.
_top loads the document in the top window.
Changed the target value, tested its effect, and found an interesting phenomenon: if the value is empty, the link is opened in the original window; except for the above Any value other than the face value is equivalent to _blank, and the link opens in a new window, for example:
<html> <head> <title>一个Html文档</title> </head> <body> <p>欢迎访问<a href="http://www.jb51.net" target="">脚本之家old_win</a>! </p> <p>欢迎访问<a href="http://www.jb51.net" target="new">脚本之家new_win</a>!</p> </body></html>