ホームページ  >  記事  >  ウェブフロントエンド  >  HTML5 の a タグに追加される新しい属性

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

清浅
清浅オリジナル
2018-11-30 17:45:576058ブラウズ

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

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

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

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

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

##例:

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

この座標円をクリックすると、aタグで指定されたリンクにジャンプします。 .

HTML5 の a タグに追加される新しい属性要約: 上記がこの記事の全内容です。皆さんの学習に役立つことを願っています。


以上がHTML5 の a タグに追加される新しい属性の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。