五月综合缴情婷婷六月,色94色欧美sute亚洲线路二,日韩制服国产精品一区,色噜噜一区二区三区,香港三级午夜理伦三级三

您現(xiàn)在的位置: 365建站網(wǎng) > 建站教程 > html5教程 > HTML <a> 標(biāo)簽

HTML <a> 標(biāo)簽

此節(jié)有 283 人學(xué)習(xí)過     參與評(píng)論

實(shí)例

指向 365jz 的超鏈接:

<a href="http://theartemis.cn">365jz</a>

親自試一試

瀏覽器支持

IE Firefox Chrome Safari Opera

所有瀏覽器都支持 <a> 標(biāo)簽。

定義和用法

<a> 標(biāo)簽定義超鏈接,用于從一張頁面鏈接到另一張頁面。

<a> 元素最重要的屬性是 href 屬性,它指示鏈接的目標(biāo)。

在所有瀏覽器中,鏈接的默認(rèn)外觀是:

  • 未被訪問的鏈接帶有下劃線而且是藍(lán)色的
  • 已被訪問的鏈接帶有下劃線而且是紫色的
  • 活動(dòng)鏈接帶有下劃線而且是紅色的

提示:您可能已經(jīng)注意到了,365jz 站點(diǎn)內(nèi)的鏈接外觀與默認(rèn)的鏈接外觀非常不同。您可以使用 CSS 偽類 向文本超鏈接添加復(fù)雜而多樣的樣式。

術(shù)語解釋

什么是超文本?

提示和注釋

提示:如果不使用 href 屬性,則不可以使用如下屬性:download, hreflang, media, rel, target 以及 type 屬性。

提示:被鏈接頁面通常顯示在當(dāng)前瀏覽器窗口中,除非您規(guī)定了另一個(gè)目標(biāo)(target 屬性)。

提示:請(qǐng)使用 CSS 來設(shè)置鏈接的樣式。

HTML 4.01 與 HTML5 之間的差異

在 HTML 4.01 中,<a> 標(biāo)簽可以是超鏈接或錨。在 HTML5 中,<a> 標(biāo)簽始終是超鏈接,但是如果未設(shè)置 href 屬性,則只是超鏈接的占位符。

HTML5 提供了一些新屬性,同時(shí)不再支持一些 HTML 4.01 屬性。

屬性

New : HTML5 中的新屬性。

屬性 描述
charset char_encoding HTML5 中不支持。規(guī)定被鏈接文檔的字符集。
coords coordinates HTML5 中不支持。規(guī)定鏈接的坐標(biāo)。
download filename 規(guī)定被下載的超鏈接目標(biāo)。
href URL 規(guī)定鏈接指向的頁面的 URL。
hreflang language_code 規(guī)定被鏈接文檔的語言。
media media_query 規(guī)定被鏈接文檔是為何種媒介/設(shè)備優(yōu)化的。
name section_name HTML5 中不支持。規(guī)定錨的名稱。
rel text 規(guī)定當(dāng)前文檔與被鏈接文檔之間的關(guān)系。
rev text HTML5 中不支持。規(guī)定被鏈接文檔與當(dāng)前文檔之間的關(guān)系。
shape
  • default
  • rect
  • circle
  • poly
HTML5 中不支持。規(guī)定鏈接的形狀。
target
  • _blank
  • _parent
  • _self
  • _top
  • framename
規(guī)定在何處打開鏈接文檔。
type MIME type 規(guī)定被鏈接文檔的的 MIME 類型。

全局屬性

<a> 標(biāo)簽支持 HTML 中的全局屬性。

事件屬性

<a> 標(biāo)簽支持 HTML 中的事件屬性。

親自試一試 - 實(shí)例

創(chuàng)建超級(jí)鏈接
本例演示如何在 HTML 文檔中創(chuàng)建鏈接。
將圖像作為鏈接
本例演示如何使用圖像作為鏈接。
鏈接到同一個(gè)頁面的不同位置
本例演示如何使用鏈接跳轉(zhuǎn)至文檔的另一個(gè)部分
在新的瀏覽器窗口打開鏈接
本例演示如何在新窗口打開一個(gè)頁面,這樣的話訪問者就無需離開你的站點(diǎn)了。
跳出框架
本例演示如何跳出框架,假如你的頁面被固定在框架之內(nèi)。
創(chuàng)建電子郵件鏈接
本例演示如何如何鏈接到一個(gè)郵件。(本例在安裝郵件客戶端程序后才能工作。)
創(chuàng)建電子郵件鏈接 2
本例演示更加復(fù)雜的郵件鏈接。

相關(guān)頁面

HTML 教程:HTML 鏈接

HTML DOM 參考手冊(cè):Anchor 對(duì)象

如對(duì)本文有疑問,請(qǐng)?zhí)峤坏浇涣髡搲?,廣大熱心網(wǎng)友會(huì)為你解答!! 點(diǎn)擊進(jìn)入論壇

發(fā)表評(píng)論 (283人查看0條評(píng)論)
請(qǐng)自覺遵守互聯(lián)網(wǎng)相關(guān)的政策法規(guī),嚴(yán)禁發(fā)布色情、暴力、反動(dòng)的言論。
昵稱:
最新評(píng)論
------分隔線----------------------------
html5教程目錄

其它欄目

· 建站教程
· 365學(xué)習(xí)

業(yè)務(wù)咨詢

· 技術(shù)支持
· 服務(wù)時(shí)間:9:00-18:00
365建站網(wǎng)二維碼

Powered by 365建站網(wǎng) RSS地圖 HTML地圖

copyright © 2013-2024 版權(quán)所有 鄂ICP備17013400號(hào)