HTML5中的a標(biāo)簽新增了哪一些屬性
發(fā)表時(shí)間:2023-08-28 來源:明輝站整理相關(guān)軟件相關(guān)文章人氣:
[摘要]HTML5中a標(biāo)簽新增的屬性有charset、shape、coords、downloadNew等來修改鏈接樣式在HTML5中的a標(biāo)簽新增了許多新的屬性,為超鏈接增加了許多新的功能和樣式,今天將和大家詳細(xì)介紹HTML5中新增的a標(biāo)簽中的屬性值HTML5 <a> 標(biāo)簽的主要作用是用于超鏈接...
HTML5中a標(biāo)簽新增的屬性有charset、shape、coords、downloadNew等來修改鏈接樣式
在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.php.cn/">PHP中文網(wǎng)</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="https://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)容,更多請關(guān)注php中文網(wǎng)其它相關(guān)文章!
網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語,涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。