您好,登錄后才能下訂單哦!
今天就跟大家聊聊有關HTML5中的a標簽新增是什么,可能很多人都不太了解,為了讓大家更加了解,小編給大家總結了以下內容,希望大家根據這篇文章可以有所收獲。
HTML5中a標簽新增的屬性有charset、shape、coords、downloadNew等來修改鏈接樣式
在HTML5中的a標簽新增了許多新的屬性,為超鏈接增加了許多新的功能和樣式,今天將和大家詳細介紹HTML5中新增的a標簽中的屬性值
HTML5 <a> 標簽的主要作用是用于超鏈接,可以鏈接到其他頁面也可以鏈接到本地的其他文件,<a> 元素最重要的屬性是 href 屬性,它指定鏈接的目標,如果沒有href屬性則不能使用target、type等屬性
例:
<a href="http://www.php.cn/">億速云</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:規定目標 URL 的 MIME 類型,僅在 href 屬性存在時使用。
案例分享
為星星圖片創建一個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標簽新增是什么有進一步的了解嗎?如果還想了解更多知識或者相關內容,請關注億速云行業資訊頻道,感謝大家的支持。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。