HTML5 の a タグに追加される新しい属性-htmlチュートリアル-php.cn

HTML5 の a タグに追加される新しい属性

清浅

リリース： 2018-12-04 09:18:07

オリジナル

6149 人が閲覧しました

HTML5 の a タグの新しい属性には、リンクスタイルを変更するための charset、shape、coords、downloadNew などが含まれます。

HTML5 の a タグには、多くの新しい属性があります。ハイパーリンクに多くの新しい機能とスタイルが追加されました。今日は、HTML5

HTML5 の新しい a タグの属性値を詳しく紹介します。他のページまたは他のローカルファイルにリンクできます。要素の最も重要な属性は、リンクのターゲットを指定するものです。 target や type などの属性。

【おすすめコース: HTML5 コース #】

##例:

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

ログイン後にコピー

HTML と HTML5 の違いは、HTML のタグはハイパーリンクまたはアンカーポイントのいずれかであることです。 HTML5 では、タグはハイパーリンクです。HTML5 のタグの新しい属性

は、HTML5 ではサポートされていません。 urlcoords: html5 ではサポートされていない文字エンコーディング。リンクの座標を参照します。

downloadNew: ダウンロードリンクを指定します。

hreflang: ターゲット URL の基本言語。href 属性が存在する場合にのみ使用されます。

mediaNew: ターゲット URL のメディアタイプ。href 属性が存在し、デフォルト値が all である場合にのみ使用されます。

name: HTML5 はアンカーの名前をサポートしていません。

rel: html5 ではサポートされていません。ターゲット URL と現在のドキュメントの間の関係を指します。

shape: html5 ではサポートされていません。リンクの形状を指します。

taget: ターゲット URL を開く場所を指します。href 属性が存在する場合にのみ使用されます。

type New: ターゲット URL の MIME タイプを指定します。href 属性が存在する場合にのみ使用されます。

ケースシェアリング

円形の星の画像のリンク図形を作成する

<!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 タグに追加される新しい属性