HTML アンカーとリンク_html/css_WEB-ITnose

A要素のアンカーとリンクの違い

アンカーとリンクはどちらも要素であり、唯一の違いはhref属性の有無です。

Firefox35とChrome41では、a要素にname属性があれば、名前に値があるかどうかに関係なくアンカーとなります。ただし、IE では、name に値も href もない場合、それはアンカーでもリンクでもありません。

どのブラウザでも、 a 要素に href 属性がある限り、値の有無に関係なくリンクとなります。

アンカーの作成と機能

アンカーの機能は、URLの最後の部分が#anchornameの場合、ブラウザはスクロールバーをスライドさせて、表示されているウィンドウの上部にアンカーが表示されるようにします。

作成方法:

a 要素を作成し、それに意味のある名前を設定します。

a 要素を使用する代わりに、必須要素のこの要素に意味のある ID 属性を設定します。 A リンクの状態

A 要素がリンクとして使用される場合、4 つの疑似クラス:link、:hover、:active、:visited があり、それぞれ静的、マウスオーバー、およびクリックに対応します。クリック後の状態。

ダウンロード リンク

ユーザーがクリックしている限り、ブラウザにファイルのダウンロードをトリガーできますが、これによりブラウザが新しいウィンドウを開くようになる可能性があります。

HTML5

の A 要素には追加の

download

属性があります (この属性に href 値を転送します)。ブラウザは新しいウィンドウを開かずにファイルを直接ダウンロードできます。

リンクを開くウィンドウを指定します A要素にはtarget属性があり、HTML4のstrictモードでは標準属性ではありませんが、広く使われているためHTML5では標準属性として認識されました。

Target 属性の値は、フレーム要素の名前、または _parent、_top、_self、_blank のいずれかである必要があります。

HTML4 標準リンクは新しいウィンドウで開きます

target は HTML4 の標準属性ではないため、ページが W3C 標準に準拠している場合、要素で直接使用することはできません。ただし、JavaScript を使用すると、ページが読み込まれた後にターゲット属性を動的に設定できます。

リンクがクリックされたときに関心のある第三者に通知します

これは HTML5 によって追加された新機能です。

HTML5

は A 要素に

ping

属性を追加します。 Ping 属性の値は、スペースで区切られた URL の文字列です。リンクがクリックされると、ブラウザはこれらの URL に POST リクエストを送信し、リンクがクリックされたことを示します。

ただし、現在は Chrome36+ のみがサポートしています。 対象リソースを事前にキャッシュしておきます

resource

Link link

Link link要素に終了タグがありません, そのため、head 要素に配置されます。

スタイルファイルをロード

サイトアイコンを設定

対象リソースを事前にキャッシュしておきます

その他

a に href 値を設定した場合、古いバージョンの Firefox で click メソッドを呼び出してもリダイレクトがトリガーされない可能性があります。

Chrome36 では、dispatchEvent() メソッドが呼び出されるとき、接続もリダイレクトされますが、Firefox30 ではリダイレクトされません。