HTML5

A要素は、全体のセクションであっても、インタラクティブ内容内（たとえばボタンや他のリンク）に存在しない限り、全体の段落、リスト、テーブルなどの周りを包むことができる。この例は、これがリンクに全体の広告ブロックを作るために使用できる様子を示す：

<ASIDE class="advertising">
 <H1>Advertising</H1>
 <A href="https://ad.example.com/?adid=1929&pubid=1422">
  <SECTION>
   <H1>Mellblomatic 9000!</H1>
   <P>Turn all your widgets into mellbloms!</P>
   <P>Only $9.99 plus shipping and handling.</P>
  </SECTION>
 </A>
 <A href="https://ad.example.com/?adid=375&pubid=1422">
  <SECTION>
   <H1>The Mellblom Browser</H1>
   <P>Web browsing at the speed of light.</P>
   <P>No other browser goes faster!</P>
  </SECTION>
 </A>
</ASIDE>

次の例は、少しのスクリプトを使用して、求人一覧表の行全体を効果的にハイパーリンクにする方法を示している：

<TABLE>
 <TR>
  <TH>Position
  <TH>Team
  <TH>Location
 <TR>
  <TD><A href="/jobs/manager">Manager</A>
  <TD>Remotees
  <TD>Remote
 <TR>
  <TD><A href="/jobs/director">Director</A>
  <TD>Remotees
  <TD>Remote
 <TR>
  <TD><A href="/jobs/astronaut">Astronaut</A>
  <TD>Architecture
  <TD>Remote
</TABLE>
<SCRIPT>
document.querySelector("table").onclick = ({ target }) => {
  if (target.parentElement.localName === "tr") {
    const link = target.parentElement.querySelector("a");
    if (link) {
      link.click();
    }
  }
}
</SCRIPT>

リンク動作を無効にする：

方法1：

<a href="javascript:void(0)" tabindex="-1">LINK</a>

方法2： CSS

A{pointer-events: none;}

<A href="File.htm#Anchor">File表示の項目</A><BR>
…
<A id=Anchor>項目</A>

HTML4 では id ではなく name の使用であった。

id は英文字の他 2 バイト系文字も可能なようだ。文書の定義と同じ UTF-8 表現を使用すること。

IFRAME 内に File.htm を表示させるリンク。

<A href="File.htm" target="Disp">File表示</A><BR>
<IFRAME name=Disp></IFRAME>

名前付きのウインドウを開く。

そのウインドウに File.htm を表示させるリンク。

<SCRIPT>
window.open("","Disp");
</SCRIPT>
…
<A href="File.htm" target="Disp">File表示</A>