意外と知らない <a> のこと。

<a>とは?

<a>(aタグ)はanchorの略で”一般的には”指定した部分の要素をハイパーリンクにすることができるタグです。

ハイパーリンクにした要素にはhref属性でリンク先を指定することで指定ページへのリンクを作ることが出来ます。

また、target属性でリンク先を表示する場所を指定できます。

See the Pen Untitled by 佐藤礼都 (@fnduclpq-the-builder) on CodePen.

私達が普段使っているaタグは上のような使い方しかしませんが、他にもまだまだ使い方があります。

たま〜に見かけるやつだとdownload属性があります。

これはリンクをクリックしたときにhref属性で指定したファイルをダウンロードするようにできます。

See the Pen Untitled by 佐藤礼都 (@fnduclpq-the-builder) on CodePen.

リンクをクリックするだけでダウンロードされちゃうのでうっかりウイルスファイルを入れさせたりとかする

悪いページが極稀に転がってるので注意すること!(1敗)

なお、CSSはグローバルCSSしかないので割愛させていただきます。

コメント