最終更新日
a要素にhref属性を指定すると、ハイパーリンクのアンカーを表すことができます。href属性を指定しない場合は、あとでハイパーリンクを設定するためのプレースホルダーなどに利用できます。ただし、href属性を指定しない場合は、target、rel、media、hreflang、typeの各属性も使用できません。
target属性では、リンク先ページの表示方法について指定します。rel属性、media属性、hreflang属性、type属性は、ユーザーがリンクをたどる前に、リンク先についての情報を示すためなどに使われます。
カテゴリ | タグの省略 | 親要素 | 子要素 |
---|---|---|---|
Flowコンテンツ Phrasingコンテンツ Interactiveコンテンツ |
省略不可 | この要素がPhrasingコンテンツのみを含む場合はPhrasingコンテンツを子にできる要素。そうでなければFlowコンテンツを子にできる要素。 | Transparent(Interactiveコンテンツ内は除く) |
属性 | 値 | 説明 |
---|---|---|
href | URL | リンク先のURLを指定します。 |
target | 文字列 | リンクの表示先を、キーワードかウィンドウ名で指定します。キーワードは4つあり、「_self」は現在のウィンドウ、「_parent」は親ウィンドウ、「_top」は最上位のウィンドウ、「_blank」は新しいウィンドウに、それぞれ表示されます。 |
rel | リンクタイプ | 文書間の関係をリンクタイプで指定する。半角スペースで区切って複数のリンクタイプを指定可能。 |
media | メディアタイプ | どのデバイスで表示される文書かを指定。カンマで区切って複数のメディアを指定可能。省略時は初期値の「all」が適用され、すべてのメディアを対象とした文書になります。 |
hreflang | 言語コード | リンク先文書の言語を指定します。 |
type | MIMEタイプ | リンク先文書のファイルの種類を指定します。 |
グローバル属性 | - | - |
イベント属性 | - | - |
<!DOCTYPE html> <html lang="ja"> <head> <title>マクドエイド</title> </head> <body> <p>バーガーショップ「マクドエイド」にようこそ!</p> <p>新メニューの<a href="tukimi.html" target="_blank">月見バ-ガー</a>です。</p> </body> </html>