您現在的位置是：首頁 > 籃球
HTML的連結元素
- 由 waibosos 發表于 籃球
- 2022-03-12
錨字組詞怎麼寫
連結是全球資訊網的命脈，如果沒有連結，每個頁面都只能孤立地存在，同其他頁面完全分開。透過連結，可以建立同其他網頁或網站之間的連線，可以不誇張的講，沒有連結，就沒有全球資訊網。
在網頁中，透過連結來指向一個目標，這個目標可以是網頁、網頁中的具體位置、影象、郵件地址、檔案、FTP地址等，甚至是一個應用程式。
連結可以是一個字、一個詞、一組詞、一幅影象，點選這些內容會跳轉到新的文件或當前文件的某個具體位置。一般情況下，當滑鼠移動到網頁中的某個連結上時，滑鼠的游標
會
由箭頭變為一隻小手。
在HTML中，可以使用兩個元素來建立連結：a元素、map元素。
1。1。1 a
元素
使用 a 元素
定義連結
時，
必須為它指定
href 屬性。否則，它僅代表一個連結的佔位符，點選連結不會發生跳轉。a 元素建立連結的基本格式為：
其中，“Link text” 稱作連結文字，即訪問者在瀏覽器中看到或在螢幕閱讀器值聽到的部分，它可以是文字，也可以是影象或其他HTML 元素；href 屬性用來規定連結目標URL。如：
在上述的 a 元素中，“歪脖網”
就是連結文字
，http：//www。waibo。wang
就是連結的目標URL。當用戶點選 “歪脖網”時，頁面就會跳轉到 http：//www。waibo。wang 這個地址。
URL
：
URL是Uniform Resource Locator的縮寫，中文含義是統一資源定位符，是用於完整的描述資源地址的一種標識方法，這種地址可以是本地磁碟，也可以是LAN中的某臺計算機，更多的是Internet上的地址。
Internet上的每一個網頁都具有唯一的URL，簡單地說，URL地址就是Web地址，俗稱網址。URL的基本格式為（帶方括號 ［］ 的為可選項）：
scheme： //hostname［：port］ / path / ［；parameters］ ［？query］ #fragment
scheme（模式/協議）：它告訴瀏覽器如何處理將要開啟的檔案，最常用的模式超文字傳輸協議（Hypertext Transfer Protocol，縮寫為HTTP），這個協議可以用來訪問網路，也是目前www中應用最廣的協議。
hostname（主機名）：是指存放資源的伺服器的域名系統（DNS） 主機名或 IP 地址。有時，在主機名前也可以包含連線到伺服器所需的使用者名稱和密碼（格式：username： password@hostname）。
port（埠號）：整數，可選，省略時使用方案的預設埠，各種傳輸協議都有預設的埠號，如http的預設埠為80。如果輸入時省略，則使用預設埠號。有時候出於安全或其他考慮，可以在伺服器上對埠進行重定義，即採用非標準埠號，此時，URL中就不能省略埠號這一項。
path（路徑）：由零或多個“/”符號隔開的字串，一般用來表示主機上的一個目錄或檔案地址。
parameters（引數）：這是用於指定特殊引數的可選項。
query（查詢）：可選，用於給動態網頁（如使用CGI、ISAPI、PHP/JSP/ASP/ASP。NET等技術製作的網頁）傳遞引數，可有多個引數，用“&”符號隔開，每個引數的名和值用“=”符號隔開。
fragment（資訊片斷）：字串，用於指定網路資源中的片斷。如一個網頁中有多個名詞解釋，可使用fragment直接定位到某一名詞解釋。
URL可以是絕對URL，也可以是相對URL。絕對URL包含了指向目錄或檔案的完整資訊，包括模式、主機名和路徑。這意味著絕對URL本身與被引用檔案的實際位置無關，無論在哪個主機上的網頁，一個檔案的絕對URL都完全相同。相對URL則以包含URL本身的檔案的位置為參考點，描述目標檔案的位置。
根據使用的協議不同，最常用的URL有以下幾種型別：
1）http：透過HTTP協議訪問該資源
如果目標網頁非本站資源，就需要把 href 屬性值設定為目標連結的絕對URL，如 http://www.waibo.wang/ ”>歪脖網
如果目標網頁是站內資源，可以使用相對URL，如 index.htm ”>歪脖網
如果要跳轉到目標網頁的某個具體錨點，就需要在href屬性中新增錨點名稱，以便定位到錨點。在URL中，透過“#”指定錨點，如 # contact ”>歪脖網
要定位到錨點，需要先在頁面上定義錨點（anchor）。定義錨點有兩種方法：一種是透過超級連結的name屬性定義，這種方式只能用於超級連結，格式為：name=“錨點名稱”，如聯絡方式，就在index。htm頁面上建立了名稱為“contact”的錨點；另一種方法是透過HTML元素的id屬性定義，這種方式可以用於任何HTML元素，包括超級連結，如把div作為錨點，
“連結文字” 可以是文字，也可以是影象。我們可以用一副影象作為“連結文字”，如
<img alt="HTML的連結元素" data-isLoading="0" src="/static/img/blank.gif" data-src="logo.gif" />
，這樣，影象logo。gif就變成“連結文字”。當然，“連結文字”也可以是其他HTML元素。
如果href屬性指向非網頁檔案，如小蘋果，使用者點選連結後會下載該檔案。不過，各瀏覽器的支援不盡相同，對於音訊、影片檔案，Firefox會直接播放，其他瀏覽器會直接下載。download屬性用來指定下載後另存為的檔名，瀏覽器會自動檢測並新增正確的副檔名。目前還沒有瀏覽器支援download屬性。
2）ftp：透過FTP協議訪問資源
如，FTP，用來訪問FTP伺服器123。18。153。208。點選連結後，會彈出登入框，使用者登入後，可訪問FTP伺服器。
3）mailto：透過STMP協議訪問資源
如，E-MAIL，用來給xyz@163。com傳送郵件。點選連結後，會開啟作業系統預設的傳送郵件的軟體，供使用者傳送email。
4）javascript：呼叫Javascript函式
這裡的javascript實際上是偽協議，表示URL的內容透過javascript執行。
如， 歡迎您 ！’）；”>點選我
有時候，把點選連結後的操作，交給連結的onclick事件來處理
。此時，為了防止點選連結後發生跳轉，需要寫成
href=“javascript： void（0）；”。如：
由於點選連結後的執行順序是，先執行 onclick 事件處理函式，再按 href 屬性指定的值，執行跳轉。因此，點選上述連結，僅僅會執行Javascript的click（）函式，而不發生跳轉。
說明：
a元素的target 屬性，用來規定在什麼視窗開啟被連結的資源，取值_blank | _self | _parent|_top。其中，_blank在新視窗；_self在當前視窗；_parent 在上一級視窗；_top 在最頂級的視窗。_parent和_top主要在包含iframe的頁面中使用。target 屬性是可選的，預設值為_self，在當前視窗開啟目標資源。如：
a 元素的 rel 屬性，用來描述本頁面與連結指向的目標頁面之間的關係，它是提升HTML語義化另一種方式，搜尋引擎也會利用這些資訊。因此，對於指向另一個網站的連結，推薦定義該屬性。如：
此外，還可以為帶有 rel=“external” 連結新增不同的樣式，告訴訪問者這是一個指向外部網站的連結，讓使用者清楚地瞭解到點選連結後會發生的情況，可以避免不必要的回溯，提高使用者體驗。
a元素的title屬性，用來為連結提供提示內容，當滑鼠懸停在連結上時，提示內容才會出現，這樣既給使用者以提示，又不會影響頁面排版的整潔性。同時，title屬性也是SEO的重要內容。
1。1。2 map
元素
使用 map元素，可以定義一個影象對映。影象對映是指把一幅影象劃分為多個區域（即熱點區域），每個熱點區域對應一個超級連結，當用戶點選熱點區域，會自動跳轉到預先設定好的連結地址。
建立一個影象對映，需要 img、map、area 三種標籤配合完成：
首先，使用 img 元素定義一幅影象，並透過 src 屬性定義影象的URL，透過 usemap 屬性定義要選擇的影象對映名稱，以建立影象與影象對映之間的關聯。
其次，使用 map元素定義影象對映，並透過 area 子元素將影象對映劃分為多個熱點區域。一個 map元素可以包含多個 area 子元素，表示定義多少個熱點區域。
標籤中，透過 shape 屬性定義熱點區域的形狀，取值 rect | circle | poly，rect表示矩形，circle表示圓形，poly表示多邊形；透過 coords屬性定義熱點區域的座標，每個點的座標參考點為影象的左上角頂點；透過 href 屬性定義連結的目標URL；透過 target 屬性定義在何處開啟 href 屬性指定的目標 URL。
當 shape 屬性取不同值時，coords屬性值的格式及含義見表 22：
表
22 不同形狀的座標格式及含義
假設有
一幅影象，其中包含一個矩形、一個圓形、一個三角形，希望使用該影象建立一個影象對映。如圖 246 所示：
圖
246 影象對映
在上述影象上建立影象對映的程式碼如下：
shapes
”>
上述程式碼中，img 元素的usemap屬性值（不包括 ‘#’），必須與 map元素的 name 屬性值相同，才能實現影象與對映之間的關聯。