明輝手游網(wǎng)中心:是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺!

HTML5中的a標簽新增了哪一些屬性

[摘要]HTML5中a標簽新增的屬性有charset、shape、coords、downloadNew等來修改鏈接樣式在HTML5中的a標簽新增了許多新的屬性,為超鏈接增加了許多新的功能和樣式,今天將和大家詳細介紹HTML5中新增的a標簽中的屬性值HTML5 <a> 標簽的主要作用是用于超鏈接...
HTML5中a標簽新增的屬性有charset、shape、coords、downloadNew等來修改鏈接樣式

在HTML5中的a標簽新增了許多新的屬性,為超鏈接增加了許多新的功能和樣式,今天將和大家詳細介紹HTML5中新增的a標簽中的屬性值

HTML5 <a> 標簽的主要作用是用于超鏈接,可以鏈接到其他頁面也可以鏈接到本地的其他文件,<a> 元素最重要的屬性是 href 屬性,它指定鏈接的目標,如果沒有href屬性則不能使用target、type等屬性

【推薦課程:HTML5課程

HTML5中a標簽新增屬性

例:

<a href="http://www.php.cn/">PHP中文網(wǎng)</a>

HTML 與 HTML5之間的差異就是在html中<a>標簽既可以是超鏈接也可以是錨點,但在HTML5中<a>標簽是超鏈接

HTML5中<a>標簽新屬性

charset:html5不支持,指url的字符編碼

coords:html5 不支持,指鏈接的坐標。

downloadNew:指定下載鏈接

hreflang :目標 URL 的基準語言,僅在 href 屬性存在時使用。

mediaNew :目標 URL 的媒介類型,僅在 href 屬性存在時使用且默認值為all。

name:html5不支持,錨的名稱。

rel:html5 不支持,指目標 URL 與當前文檔之間的關系。

shape:html5 不支持,指鏈接的形狀。

taget:指在何處打開目標 URL,僅在 href 屬性存在時使用。

type New:規(guī)定目標 URL 的 MIME 類型,僅在 href 屬性存在時使用。

案例分享

為星星圖片創(chuàng)建一個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>

點擊前

點擊前

點擊后

點擊后

當點擊到這個坐標圓時,a鏈接將會跳轉到a標簽所指定的鏈接中

總結:以上就是本篇文章的全部內容,希望對大家學習有所幫助。

以上就是HTML5中的a標簽新增了哪些屬性的詳細內容,更多請關注php中文網(wǎng)其它相關文章!


網(wǎng)站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產(chǎn)和維護的網(wǎng)站。