How to write a link in a new window in html code_html/css

How to write a link in a new window in html code_html/css_WEB-ITnose

WBOY

Release： 2016-06-24 11:47:23

Original

1687 people have browsed it

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>

Copy after login

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>

Copy after login