在HTML5中的a標(biāo)簽新增了許多新的屬性,為超鏈接增加了許多新的功能和樣式,今天將和大家詳細(xì)介紹HTML5中新增的a標(biāo)簽中的屬性值
HTML5 a 標(biāo)簽的主要作用是用于超鏈接,可以鏈接到其他頁面也可以鏈接到本地的其他文件, a 元素最重要的屬性是 href 屬性,它指定鏈接的目標(biāo),如果沒有href屬性則不能使用target、type等屬性
【推薦課程:HTML5課程】

例:
a href= http://www.survivalescaperooms.com/ PHP /a
HTML 與 HTML5之間的差異就是在html中 a 標(biāo)簽既可以是超鏈接也可以是錨點(diǎn),但在HTML5中 a 標(biāo)簽是超鏈接
HTML5中 a 標(biāo)簽新屬性
charset:html5不支持,指url的字符編碼
coords:html5 不支持,指鏈接的坐標(biāo)。
downloadNew:指定下載鏈接
hreflang :目標(biāo) URL 的基準(zhǔn)語言,僅在 href 屬性存在時(shí)使用。
mediaNew :目標(biāo) URL 的媒介類型,僅在 href 屬性存在時(shí)使用且默認(rèn)值為all。
name:html5不支持,錨的名稱。
rel:html5 不支持,指目標(biāo) URL 與當(dāng)前文檔之間的關(guān)系。
shape:html5 不支持,指鏈接的形狀。
taget:指在何處打開目標(biāo) URL,僅在 href 屬性存在時(shí)使用。
type New:規(guī)定目標(biāo) URL 的 MIME 類型,僅在 href 屬性存在時(shí)使用。
案例分享
為星星圖片創(chuàng)建一個(gè)a鏈接形狀為圓形
!DOCTYPE html html head meta charset= UTF-8 title Document /title /head body img src= images/12.jpg usemap= #xingxing map name= xingxing id= xingxing area href= http://baike.baidu.com/item/%E6%98%9F%E6%98%9F/5683398?fr=aladdin shape= circle coords= 96,195,10 target= _blank /area /map /object /body /html
點(diǎn)擊前

點(diǎn)擊后

當(dāng)點(diǎn)擊到這個(gè)坐標(biāo)圓時(shí),a鏈接將會(huì)跳轉(zhuǎn)到a標(biāo)簽所指定的鏈接中
總結(jié):以上就是本篇文章的全部內(nèi)容,希望對(duì)大家學(xué)習(xí)有所幫助。
以上就是HTML5中的a標(biāo)簽新增了哪些屬性的詳細(xì)內(nèi)容,html教程
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。
新聞熱點(diǎn)
疑難解答
圖片精選