Webエンジニア向けプログラミング解説動画をYouTubeで配信中!
▶ チャンネル登録はこちら

【HTML Living Standard】anchor属性の使い方

anchor属性の使い方について、初心者にもわかりやすく解説します。

作成日: 更新日:

基本的な使い方

anchorオブジェクトは、HTMLドキュメント内で別のウェブページやファイル、または同じドキュメント内の特定の位置へのハイパーリンクを作成するために使用される要素を表すオブジェクトです。一般的には、<a>タグ(アンカー要素)として知られています。このオブジェクトの主な役割は、ユーザーがクリックすることで、指定されたリソースやドキュメント内の場所へ移動できるようにすることです。

リンクの宛先を指定するには、href属性を使用します。例えば、href="https://www.example.com"と記述すると、そのURLへのリンクが作成されます。また、id属性を使用すると、HTMLドキュメント内の特定の部分に名前を付け、その名前をリンクの到達点(アンカーポイント)として機能させることができます。id属性は、すべてのHTML要素に設定できる「グローバル属性」の一つであり、<a>要素においても、ページ内の特定の場所を指し示す「アンカー」としての役割を果たす上で非常に重要です。

このようにanchorオブジェクトを適切に配置し、href属性やid属性を組み合わせることで、ウェブサイト内を効率的に移動したり、長いドキュメントの特定セクションへ直接ジャンプしたりできる、構造化されたナビゲーションと使いやすいウェブページを構築できます。

公式リファレンス: HTML anchor global attribute

構文(syntax)

1<a href="URL">リンクテキスト</a>

引数(parameters)

引数なし

引数はありません

戻り値(return)

戻り値なし

戻り値はありません

関連コンテンツ