整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          HTML設置鏈接目標打開窗口

          單擊帶有超鏈接的文件時,超鏈接的內容有多種,打開方式,如替換當前頁打開,在新窗口打開等。而用來指定打開方式的是<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圖片標簽

          HTML圖片標簽是一種特殊的標記,它可以讓網頁顯示圖像。通過使用圖片標簽,我們可以在網頁上展示各種圖片,從而讓網頁更加生動有趣。

          1、語法結構

          HTML圖片標簽的語法結構非常簡單,只需要使用<img>標簽,并在其中添加src屬性,指定圖片的路徑即可。

          例如:

          <img src="image.jpg" alt="描述圖片的文字">


          2、圖片格式

          HTML支持多種圖片格式,包括JPEG、PNG、GIF等。不同的圖片格式具有不同的特點,可以根據需要選擇合適的格式。


          3、圖片屬性

          除了src屬性外,HTML圖片標簽還有其他一些常用的屬性,如:

          • alt屬性用于描述圖片的內容,當圖片無法顯示時,會顯示該屬性的值;
          • width和height屬性用于設置圖片的寬度和高度;
          • title屬性用于設置鼠標懸停在圖片上時顯示的提示信息。



          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超鏈接標簽

          超鏈接標簽是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、鏈接屬性

          超鏈接標簽還有一些其他常用的屬性,如:

          • target屬性用于設置鏈接打開的方式,可以選擇在新窗口或當前窗口打開鏈接;
          • title屬性用于設置鼠標懸停在鏈接上時顯示的提示信息;
          • rel屬性用于設置鏈接的關系,例如設置nofollow值可以告訴搜索引擎不要跟蹤該鏈接。

          想要快速入門前端開發嗎?推薦一個前端開發基礎課程,這個老師講的特別好,零基礎學習無壓力,知識點結合代碼,邊學邊練,可以免費試看試學,還有各種輔助工具和資料,非常適合新手!點這里前往學習哦!云端源想

          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


          主站蜘蛛池模板: 人妻在线无码一区二区三区| 亚洲国模精品一区| 国模吧无码一区二区三区| 色婷婷香蕉在线一区二区| 无码人妻精品一区二区三区夜夜嗨 | 日本精品视频一区二区| 亚洲福利一区二区精品秒拍| 国精产品一区一区三区| 中文字幕日韩人妻不卡一区| 一区二区日韩国产精品| 精品免费国产一区二区三区 | 无码精品久久一区二区三区| 怡红院一区二区在线观看| 久久精品一区二区三区AV| 色狠狠AV一区二区三区| 国产AV一区二区三区无码野战| 国产午夜精品一区理论片飘花| 国产亚洲自拍一区| 中文字幕精品亚洲无线码一区应用| 精品成人av一区二区三区| 中文字幕无线码一区| 美女AV一区二区三区| 无码日韩人妻AV一区免费l| 亚洲高清偷拍一区二区三区| 亚洲片国产一区一级在线观看| 精品久久久久一区二区三区| 久久久国产一区二区三区| 中文字幕人妻无码一区二区三区 | 久久久久人妻精品一区| 久久久久人妻精品一区| 日本精品无码一区二区三区久久久| 在线观看视频一区二区| 精品一区二区高清在线观看| 区三区激情福利综合中文字幕在线一区| 亚洲一区二区三区在线播放| 亚洲韩国精品无码一区二区三区 | 精品欧洲av无码一区二区14| 无码一区二区三区爆白浆| 八戒久久精品一区二区三区| 国产婷婷一区二区三区| 久久精品国产第一区二区三区|