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

WBOY
リリース: 2016-06-24 11:46:01
オリジナル
1402 人が閲覧しました

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 要素に配置されます。

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

    サイトアイコンを設定

    関連ラベル:
    ソース:php.cn
    このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    最新の問題
    人気のチュートリアル
    詳細>
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート