ゆるりと綴る日常のこと

すぐこのブログ

【初心者向け】HTMLのリンクが「a」な理由を解説!

📅

こんにちは、HTML初心者すぐこです。

初心者ねこ1初心者ねこ1

HTMLの「リンク」を設定する時に登場するタグって、どうして「a」なんだろう?

初心者ねこ2初心者ねこ2

link」でもよさそうなのに、なんで「a」なの?

と疑問に思ったことはありませんか?

HTMLを学び始めたばかりだと、タグの意味がわからず暗記に頼ってしまうことも多いですよね。

タグはよく使うので、せっかくなら意味まで覚えたいところです。

この記事では、HTML初心者の方に向けての由来をわかりやすく解説していきます!

この記事はこんな人におすすめ

HTMLでリンクが「a」な理由を解説

さっそくタグの謎を解き明かしていきましょう!

「a」は「anchor(アンカー)」の略

HTMLのタグは、「anchor(アンカー)」の略です。

アンカーとは、日本語で「錨(いかり)」の意味。

この名前が付けられた理由は、リンクが「特定の場所を指し示す」役割を持つからなんです。

「anchor」がリンクとどう関係あるの?

錨は、船を特定の場所に固定するために使うものですよね。

HTMLのリンクも、以下のような役割があります。

  • Webページ上の特定の場所を示す

  • 別のページへ移動する

つまり、タグは、まるで錨のように、特定の場所へユーザーを結びつける役割を担っているんです。

タグの中にURLを記述することで、そのURLへユーザーを導くことができる。 という仕組みになっています。

どうでしょうか?「anchor」という言葉の由来を知ると、タグが少し身近に感じられる気がしませんか?

しかしこういう用語のネーミングセンス、遊び心あるし秀逸すぎて嫉妬するレベル^o^

なぜ「link」じゃなくて「a」なの?

「a」がリンクを表すなら、「link」のような分かりやすい名前でも良さそうですが、そうならなかったのには理由があります。

HTML初期の段階で役割が分けられたから

HTMLでは、役割を細かく分けることでWebページの構造が整理されます。

「a」はリンクを設置するだけでなく、文中の特定の箇所をマークする役割も兼ねていました。

一方、「link」という名前は、**別の用途(スタイルシートやメタ情報のリンク)**に使われています。

どっちか一つで足りるんじゃね?と思いますが、きっと英語のニュアンス的なものがあるのでしょう……

シンプルな設計になるように決められたから

HTMLはプログラムとしてシンプルにすることが重要でした。

「短い名前=書きやすい・読みやすい」という考え方から、1文字で記述できる「a」が採用されたのです。

まとめ|タグの背景を知ることで、HTMLへの理解をより深めよう

今回は、HTML初心者の人向けに、の意味と由来について解説しました。

HTMLのリンクが「a」なのは、以下の理由がありましたね。

  1. $1

  2. $1

普段何気なく使っているタグにも深い意味があることが分かると面白いですよね^^

次に読んでほしい関連記事

🔗【超重要】〜の中にコードを書く(コピペする)理由!

🔗【5分で分かる】Web制作の「セマンティック」って何?

🔗これ1冊でOK!HTML&CSS学習ガチ初心者さんへおすすめの教材【書籍編】

焦らずマイペースに、HTMLの学習を進めていきましょう!