1

私はこの奇妙な問題を抱えています。

div の周りにアンカー タグをラップすると、html マークアップが完全に変更されます。キャッシュとすべてがクリアされます。

クラスの発信リンクを持つアンカーについて

コード エディターの Html (正しいコード):

<a class="outgoing-link" href="#">
    <div id="content-element">
        <div class="top-info">
            <span class="title-provider">Vodafone</span>
            <img src="phone-placeholder.png" 
                 alt="placeholder" 
                 width="58px" 
                 height="50px"/>
            <div class="bg-circle"></div>
            <span class="dur-discount">1e 3 maand</span>
            <span class="price-discount">&#8364; 16,50</span>
            <span class="dur-normal">Daarna</span>
            <span class="price-normal">&#8364; 20,00</span>
        </div>
        <a href="#" title=""><h3>iPhone 4GS abonnement</h3></a>
        <p><span>100</span> min & sms <span>500</span> mb</p>
        <p><span>2 jr</span>telefoon abonnement</p>
        <p>Prijs telefoon: <span>Gratis</span></p>
        <div class="hover-extra-info">
             <p>Aansluitkosten: <span>&#8364; 24,95</span></p>
             <p>Vodafone abonnement</p>
             <p>aanbieder: Student Mobiel</p>
             <p>Totale kosten over 2 jaar</p>
             <p>&#8364; 547,22</p>
        </div>
    </div><!-- end content-element-->   
</a>

ブラウザでのコード:

<a class="outgoing-link" href="#"></a>
    <div id="content-element">
        <a class="outgoing-link" href="#">
            <div class="top-info">
                <span class="title-provider">Vodafone</span>
                <img src="phone-placeholder.png" 
                     alt="placeholder" 
                     width="58px" 
                     height="50px"/>
                 <div class="bg-circle"></div>
                 <span class="dur-discount">1e 3 maand</span>
                 <span class="price-discount">&#8364; 16,50</span>
                 <span class="dur-normal">Daarna</span>
                 <span class="price-normal">&#8364; 20,00</span>
             </div>
         </a>
         <a href="#" title=""><h3>iPhone 4GS abonnement</h3></a>
         <p><span>100</span> min & sms <span>500</span> mb</p>
         <p><span>2 jr</span>telefoon abonnement</p>
         <p>Prijs telefoon: <span>Gratis</span></p>
         <div class="hover-extra-info">
         <p>Aansluitkosten: <span>&#8364; 24,95</span></p>
         <p>Vodafone abonnement</p>
         <p>aanbieder: Student Mobiel</p>
         <p>Totale kosten over 2 jaar</p>
         <p>&#8364; 547,22</p>
     </div>
</div><!-- end content-element-->

別のリンクを追加し、それらを間違った場所に配置します。

何が起こっているかについてのアイデアはありますか？それとも、何かが足りないだけですか。

どんな助けでも大歓迎です:)

4

2 に答える 2

2

ネストされたアンカータグが違法であるためだと思います

参照: http://www.w3.org/TR/html401/struct/links.html#h-12.2.2

機能を同じに保ちながら、ネストされたアンカータグなしで簡単に実行できるはずです。

于 2012-08-16T11:06:56.570 に答える
1

acor-tag に -Tags を含めてはならないため、無効な HTML ( => Quirksmode ?) を自動的に修正しようとする可能性があります。

ファイルの先頭に DOCTYPE ステートメントを追加してみてください。動作が変わりますか?

Doctype-Statement (HTML ファイル / 出力の最初の行にある必要があります) は次のようになります。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
                      "http://www.w3.org/TR/html4/loose.dtd">
于 2012-08-16T11:08:13.430 に答える