CSS頁面中點擊超鏈接如何跳轉新的頁面
點擊超鏈接后,重新打開一個新的網頁,不是在原本的網頁進行跳轉。

打開創(chuàng)建的網頁
a{
/* 去除超鏈接的下劃線 */
text-decoration: none;
}
</style>
</head>
<body>
<div>
點擊一下試試
<!-- 跳轉到 百度網址-->
<a target="_blank">超鏈接,在新的頁面中打開百度。</a>
</div>上面是參考代碼,主要是添加 target="_blank
給超鏈接添加target="_blank"屬性
就可以跳轉到新的一個頁面。
其中target=還有其他屬性值。其它用法不多,了解即可。
Target屬性self的作用
作用:這個目標的值對所有沒有指定目標的 <a> 標簽是默認目標,它使得目標文檔載入并顯示在相同的框架或者窗口中作為源文檔。這個目標是多余且不必要的,除非和文檔標題 <base> 標簽中的 target 屬性一起使用。(在相同的框架中打開被鏈接文檔)
用法:<a herf=“http://www.baidu.com” target=”_self”>跳轉</a>
Target屬性parent的作用
作用:這個目標使得文檔載入父窗口或者包含來超鏈接引用的框架的框架集。如果這個引用是在窗口或者在頂級框架中,那么它與目標 _self 等效。(在父框架集中打開被鏈接文檔)
用法:<a herf=”http://www.baidu.com” target=”_parent”>跳轉</a>
Target屬性top的作用
作用:這個目標使得文檔載入包含這個超鏈接的窗口,用 _top 目標將會清除所有被包含的框架并將文檔載入整個瀏覽器窗口(在整個窗口中打開被鏈接文檔)
用法:<a herf=”http://www.baidu.com” target=”_top>跳轉</a>
到此這篇關于簡單的CSS在頁面中點擊超鏈接跳轉新的頁面的文章就介紹到這了,更多相關css點擊超鏈接跳轉新的頁面內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持腳本之家!
相關文章
純CSS實現(xiàn)網頁內部錨點跳轉時上下偏移的示例代碼
這篇文章主要介紹了純CSS實現(xiàn)網頁內部錨點跳轉時上下偏移的示例代碼,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨2020-04-09使用CSS中的meta實現(xiàn)web定時刷新或跳轉的方法
這篇文章主要介紹了使用CSS中的meta實現(xiàn)web定時刷新或跳轉的方法,比使用JavaScript腳本實現(xiàn)起來更加簡單一些,需要的朋友可以參考下2015-06-05- 超級鏈接需要雙擊后跳轉如何實現(xiàn),其實很簡單,在本文將為大家介紹下具體的實現(xiàn)方法,感興趣的朋友不要錯過2013-10-12

