ベースタグを特定のハイパーリンクに制限する方法

Question

iframeタグでbaseタグを使用していますが、iframeで開いている特定のリンクをどのように制限することができますか。

たとえば、メニューパネルがあり、メニューリンクをクリックすると、iframeに目的のページが表示されます。

<div class="start"> 
    <h1 class="start">Geek Box <img src="box_icon.png" alt="Box width=" 40" height="40"></h1> 
    <hr /> 
</div> 
<div class="table"> 
    <table class="table" border="1" align="center"> 
     <tr> 
      <td> 
       <a href="index.html">Home</a> 
      </td> 
      <td><a href="Chart.html">Tech Charts</a></td> 
      <td><a href="Video.html">Videos</a></td> 
      <td><a href="About Me.html">About Me</a></td> 
     </tr> 
    </table> 
</div> 
<hr /> 
<br /> 

<div> 
    <table border="1" width=100% height="500px" style="text-align:center"> 
     <tr> 
      <td width="25%"><a href="phone.html">Smart Phones</a></td> 
      <td width="25%"><a href="laptop.html">Laptops</a></td> 
      <td width="25%"><a href="Desktop.html">Dektops</a></td> 
      <td width="25%"><a href="Tablets.html">Tablets</a></td> 
     </tr> 
     <base target='display' /> 
     <tr><td colspan="4"><iframe name="display" frameborder=0 width="100%" height="500px" /> </td></tr> 
    </table> 
</div> 

Answer 1

私が正しく理解していれば、あなたはすなわち、同じウィンドウまたは別の1つ（または他のどのような方法）のいずれかでiframeで開くには、ページの一部、および他をしたいと思います。 は、iftameのではありません。

...

HTML <base>要素がのために、文書内に含まれるすべての相対URLを使用するベースURLを指定しますので、これはあなたの例を使用してbaseタグでは動作しません。

...とも

文書で唯一<base>要素が存在する場合があります。

...そう別のbaseタグを使用しても、あなたが望むように動作しないでしょう。

代わりにbaseタグを取り除き、iframeに表示するリンクのそれぞれにtarget属性を追加する必要があります。

iframeの "サブメニュー"（つまり、電話、ノートパソコンなど）だけを開いているとすれば、コードを変更することをおすすめします：

<div> 
    <table border="1" width=100% height="500px" style="text-align:center"> 
     <tr> 
      <td width="25%"><a href="phone.html" target='display'>Smart Phones</a></td> 
      <td width="25%"><a href="laptop.html" target='display'>Laptops</a></td> 
      <td width="25%"><a href="Desktop.html" target='display'>Dektops</a></td> 
      <td width="25%"><a href="Tablets.html" target='display'>Tablets</a></td> 
     </tr> 
     <!-- Notice I have removed the 'base' tag! --> 
     <tr><td colspan="4"><iframe name="display" frameborder=0 width="100%" height="500px" /> </td></tr> 
    </table> 
</div> 

...残りのコードはそのまま残すことができます。

引用元：<base - HTML | MDN