單擊帶有超鏈接的文件時,超鏈接的內容有多種,打開方式,如替換當前頁打開,在新窗口打開等。而用來指定打開方式的是<a>標簽的target屬性。
如果在一個<a>標簽內容含一個target屬性,瀏覽器將會載入和顯示用這個標簽的href屬性命名的、名稱與這個目標吻合的框架或者窗口中的文檔。如果這個指定名稱或id的框架或者窗口不存在,瀏覽器將打開一個新窗口,并給這個窗口一個指定的標記,然后將新的文檔載入那個窗口。從此以后,超鏈接文檔就可以指向這個新的窗口。
target屬性的代碼格式如下:
<a target="value">
其中value有四個參數可用,這4個保留的目標名稱用作特殊的文檔重定向操作。
(1)-blank。瀏覽器總在一個新打開、未命名的窗口中載入目標文檔。
(2)-self。這個目標的值對所有未指定目標的<a>標簽是默認目標,使得目標文檔載入并顯示在相同的框架或者窗口中作為源文檔。這個目標是多余且不必要的,除非和文檔標題 <base>標簽中的target屬性一起使用。
(3)-parent。這個目標使得文檔載入父窗口或者包含超鏈接引用的框架的框架集。如果這個引用是在窗口或者頂級框架中,那么它與目標-self等效。
(4)-top。這個目標使的文檔載入包含這個超鏈接的窗口,用-tap目標將會清除所有被包含的框架并將文檔載入整個瀏覽器窗口。
小提示:這些target的所有4個值都以下劃線開始。任何其他用一個下劃線作為開頭的窗口或者目標都會被瀏覽器忽略,因此,不要將下劃線作為文檔中定義的任何框架name或id的第一個字符。
下面舉例說明target屬性的使用方法。
(1)編寫代碼如下圖所示:
(2)在瀏覽器中打開文件,預覽效果如下所示:
(3)單擊超鏈接,在新窗口打開連接頁面,下圖所示
(4)修改代碼并單擊鏈接。
將“-blank”換成“-self”,即代碼修改為“<a target="_self">新浪</a>”,單擊鏈接后,直接在當前窗口打開新鏈接,如圖所示:
這里是云端源想IT,幫你輕松學IT”
嗨~ 今天的你過得還好嗎?
無論種子散落在何處
都會長出一棵樹
向著天空,掙扎生長
- 2024.03.15 -
HTML圖片標簽和超鏈接標簽是網頁開發中常用的兩種標簽,它們分別用于在網頁中插入圖片和創建超鏈接。
我們每天都在互聯網世界中與各種形式的信息打交道。你是否好奇過,當你點擊一篇文章中的圖片或鏈接時,是什么神奇的力量讓你瞬間跳轉到另一個頁面?
今天,就讓我們一起揭開HTML圖片標簽和超鏈接標簽的神秘面紗。
HTML圖片標簽是一種特殊的標記,它可以讓網頁顯示圖像。通過使用圖片標簽,我們可以在網頁上展示各種圖片,從而讓網頁更加生動有趣。
1、語法結構
HTML圖片標簽的語法結構非常簡單,只需要使用<img>標簽,并在其中添加src屬性,指定圖片的路徑即可。
例如:
<img src="image.jpg" alt="描述圖片的文字">
2、圖片格式
HTML支持多種圖片格式,包括JPEG、PNG、GIF等。不同的圖片格式具有不同的特點,可以根據需要選擇合適的格式。
3、圖片屬性
除了src屬性外,HTML圖片標簽還有其他一些常用的屬性,如:
4、網絡圖片的插入
當需要插入網絡上的圖片時,可以將圖片的URL地址作為src屬性的值。例如:
<img src="https://www.example.com/images/pic.jpg" alt="示例圖片">
5、本地圖片的插入
當需要插入本地圖片時,可以將圖片的相對路徑或絕對路徑作為src屬性的值。
6、相對路徑與絕對路徑
在這里再給大家介紹兩個概念,相對路徑與絕對路徑,搞懂它們,我們在插入本地圖片時也能得心應手。
相對路徑:
相對于當前HTML文件所在目錄的路徑,包含Web的相對路徑(HTML中的相對目錄)。例如,如果圖片文件位于與HTML文件相同的目錄中,可以直接使用文件名作為路徑:
<img src="pic.jpg" alt="本地圖片">
絕對路徑:
圖片文件在計算機上的完整路徑(URL和物理路徑)。例如:
<img src="C:/Users/username/Pictures/pic.jpg" alt="本地圖片">
超鏈接標簽是HTML中另一個重要的元素,它可以實現網頁之間的跳轉。通過使用超鏈接標簽,我們可以將文本、圖片等內容設置為可點擊的鏈接,方便用戶在不同頁面之間自由切換。
1、語法結構
超鏈接標簽使用<a>標簽表示,需要在href屬性中指定鏈接的目標地址。
<a href="目標地址" title="標題">文本內容</a>
例如:
<a href="https://www.ydcode.cn/">點擊訪問示例網站</a>
示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>示例網站</title>
</head>
<body>
<h1>歡迎來到云端源想!</h1>
<p>這是一個簡單的HTML頁面,用于展示一個網站的結構和內容。</p>
<a href="https://www.ydcode.cn/">點擊訪問示例網站</a>
</body>
</html>
2、鏈接目標
超鏈接可以鏈接到不同的目標,包括其他網頁、電子郵件地址、文件下載等。通過設置href屬性的值,可以實現不同的鏈接目標。
3、鏈接屬性
超鏈接標簽還有一些其他常用的屬性,如:
想要快速入門前端開發嗎?推薦一個前端開發基礎課程,這個老師講的特別好,零基礎學習無壓力,知識點結合代碼,邊學邊練,可以免費試看試學,還有各種輔助工具和資料,非常適合新手!點這里前往學習哦!云端源想
4、錨點鏈接標簽
錨點標簽用于在網頁中創建一個可以點擊的錨點,以便用戶可以通過點擊錨點跳轉到頁面中的其他部分。
錨點標簽的語法為:
<a name="錨點名稱"></a>
例如,可以在頁面中的一個段落前添加一個錨點:
<a name="section1"></a>
<p>這是一個段落。</p>
然后,可以在頁面的其他位置創建一個指向該錨點的超鏈接:
<a href="#section1">跳轉到第一節</a>
當用戶點擊“跳轉到第一節”鏈接時,頁面將滾動到名為“section1”的錨點所在的位置。
示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>示例網站</title>
</head>
<body>
<h1>歡迎來到云端源想!</h1>
<p><a href="#section1">跳轉到第一節</a></p>
<p>這是一個段落。</p>
<p>這是另一個段落。</p>
<p>這是第三個段落。</p>
<a name="section1"></a>
<p>這是第一節的內容。</p>
</body>
</html>
HTML圖片標簽和超鏈接標簽是構建網頁的兩個重要元素,它們不僅豐富了網頁的內容,還為網頁添加了動態和互動性。
通過學習和掌握這兩個標簽的使用方法,我們可以創建更加豐富和互動的網頁,為用戶提供更好的瀏覽體驗。無論是展示精美的圖片,還是實現頁面之間的跳轉,HTML圖片標簽和超鏈接標簽都能幫助我們實現更多的創意和功能。
讓我們一起探索HTML的奇妙世界,創造出更加精彩的網頁吧!
我們下期再見!
END
文案編輯|云端學長
文案配圖|云端學長
內容由:云端源想分享
究人員在QQ手機瀏覽器受到攻擊后發現了一種新型濫用基于HTML5 Ping的超鏈接審計特性的DDoS攻擊。
Imperva研究人員Vitaly Simonovich和Dima Bekerman監測到一次攻擊,該攻擊最高點達7,500個請求/秒,并在4個小時內從約4,000個用戶IP發出了超過7千萬個請求。什么概念呢?2016年類似的一次基于Android的手機DDoS攻擊是從27,000個獨特IP中實現了每秒400個請求的峰值。
新攻擊使用的是HTML5 ping屬性,其可以合法跟蹤網站鏈接上的點擊次數,一些隱私人士甚至將其視為一種用戶跟蹤形式。'Ping ='包含在普通的在線超鏈接代碼中。單擊鏈接時,會發送一個不可見的'ping ='url內容變量,該變量也用戶看不到,網站管理員可以監控、審核從特定網站發送特定鏈接的訪問者數量。
雖說這種新攻擊主要來自QQ瀏覽器用戶,但該技術幾乎可以應用到任何瀏覽器上。Firefox是少數幾個默認禁用ping屬性的瀏覽器之一;Chrome 74 Beta版本正在取消禁用超鏈接審核功能,這意味著可能在2019年5月發布后,Chromium瀏覽器(如Edge,Chrome,Opera和Safari)將永久啟用超鏈接審核。
用戶訪問經兩個外部JavaScript文件而設計的網頁,其中一個含URL的數組,這也是主要針對游戲網站DDoS攻擊的目標;另外一個JS文件有一個函數,它從數組中隨機選擇一個URL,創建帶有'ping'屬性的<a>標簽,并以編程方式每秒點擊該鏈接。訪問者只要在瀏覽器中打開該網站,超鏈接審核ping就會向其發送,4,000多名用戶深陷其中、每小時最多可能超1400萬個請求。這種攻擊需要讓用戶訪問精心設計的網頁,并盡可能長時間地在瀏覽器中打開。
研究人員提出一種可能的結合社會工程和惡意廣告場景,也許已經在這次攻擊中使用:攻擊者將惡意廣告注入合法網站。網站越受歡迎,受DDoS的可能性就越大。之后,具有惡意添加的網站鏈接會被發布到大型微信群里。然后,訪問者和來自微信聊天組的訪問者將自動、不知不覺地開始ping目標URL,且將繼續以每秒一次的速率執行此操作,以便在瀏覽器中打開中毒選項卡。
雖然這種攻擊方法有可能在任何地方用于對抗任何目標,但一個簡單的防御方法是阻止任何包含邊緣設備上的”Ping-To“和/或”Ping-From“HTTP header的Web請求”(防火墻,WAF等),這會阻止ping請求不會命中你的服務器。
本文作者:Gump,轉載自:http://www.mottoin.com/detail/3892.html
*請認真填寫需求信息,我們會在24小時內與您取得聯系。