首頁 >web前端 >html教學 >HTML5中的a標籤新增了哪些屬性

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

清浅原創: 2018-11-30 17:45:576134瀏覽

HTML5中a標籤新增的屬性有charset、shape、coords、downloadNew等來修改連結樣式

在HTML5中的a標籤新增了許多新的屬性，為超連結增加了許多新的功能和樣式，今天將和大家詳細介紹HTML5中新增的a標籤中的屬性值

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

##範例：

<a href="http://www.php.cn/">PHP中文网</a>

HTML 與HTML5之間的差異就是在html中標籤既可以是超連結也可以是錨點，但在HTML5中標籤是超連結

HTML5中標籤新屬性

#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" alt="HTML5中的a標籤新增了哪些屬性" >
<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>

點擊前

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

點擊後

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

當點擊到這個座標圓時，a連結將會跳到a標籤所指定的連結中

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

以上是HTML5中的a標籤新增了哪些屬性的詳細內容。更多資訊請關注PHP中文網其他相關文章！

html5 html href

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：xml和html的差異有哪些下一篇：xml和html的差異有哪些

看更多