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
1640 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


source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template