1

div タグは、a href タグなどのほとんどのタグのコンテナーであることを理解しています...それで、a href タグが 2 つの div タグの前後にある場合にのみ機能するドキュメントがあると言いました。

w3c に準拠するように div と a href を調整すると、Web サイトが歪んでしまいます。.js と .css を調整して機能させることもできますが、別の解決策を見つけたいと思います。a href タグを現在の場所に保持できますか?

助けや提案をありがとう。

リンクはこちら: http://momentum.freeiz.com/

ここにコード:

<a href="hapo.htm" >        
  <div class="boxgrid_slideright">
    <div id="slideshow">
      <img class= "cover" src="images/home/ hapo/0.jpg" width="161" height="107" alt="hapo credit union"/>
      <img class= "cover" src="images/home/ hapo/1.jpg" width="161" height="107" alt="hapo credit union"/>
      <img class= "cover" src="images/home/ hapo/2.jpg" width="161" height="107" alt="hapo credit union"/>
      <img class= "cover" src="images/home/ hapo/3.jpg" width="161" height="107" alt="hapo credit union"/>
      <img class= "cover" src="images/home/ hapo/4.jpg" width="161" height="107" alt="hapo credit union"/>
    </div><!--slideshow--> 
  </div><!--boxgrid-->
</a>
4

2 に答える 2

3

css を使用して、ブロック要素として動作するようにインライン要素をスタイルする必要があります。

CSS:

a.whatever, .boxgrid_slideright, .slideshow {
  display: block;
}

HTML:

<a class="whatever" href="hapo.htm" >        
  <span class="boxgrid_slideright">
    <span id="slideshow">
      <img class= "cover" src="images/home/ hapo/0.jpg" width="161" height="107" alt="hapo credit union"/>
      <img class= "cover" src="images/home/ hapo/1.jpg" width="161" height="107" alt="hapo credit union"/>
      <img class= "cover" src="images/home/ hapo/2.jpg" width="161" height="107" alt="hapo credit union"/>
      <img class= "cover" src="images/home/ hapo/3.jpg" width="161" height="107" alt="hapo credit union"/>
      <img class= "cover" src="images/home/ hapo/4.jpg" width="161" height="107" alt="hapo credit union"/>
    </span><!--slideshow--> 
  </span><!--boxgrid-->
</a>
于 2012-08-13T19:24:48.303 に答える
0

XHTML 2 では、任意の要素で「href」属性を使用できるようになりました。これにより、ブロック レベルのアンカーが可能になり、場合によっては同じアンカーの繰り返しや不要な追加タグが排除されます。「a」タグは単なるスパンですが、他の場所へのリンク機能が追加された唯一のスパンであるため、これは非常に理にかなっています。「a」には特別な意味はありません。ページ上のすべてのリンクは、「href」を含むタグを見つけることによって解析で見つけることができます。HTML 5 の開発の初期に、「href どこでも」アプローチが議論され、それが HTML 5 の一部になるのではないかと考えて興奮しました。当時、それが HTML 5 の最も興味深い点でした。 . しかし、「href どこでも」ということは、以前のすべてのブラウザーがリンクをまったく表示できないことを意味します (何らかの理由で「a」タグに入れられたものを除く)。そのため、アイデアは破棄されました。代わりに、HTML 5 の作成者は、現在のブラウザーが既に持っている仕様に反する機能、つまりブロック レベルのアンカーを利用しました。少なくとも IE 6 に戻るブラウザは、「a」タグに配置された「フロー コンテンツ」をリンクに喜んで作成します。経由- トビー・マッケンジー

http://davidwalsh.name/html5-elements-links

http://html5doctor.com/block-level-links-in-html-5/

于 2012-08-13T19:29:21.300 に答える