2012-02-17 10 views
1

コードの検証には簡単な問題があります。私は間違って何をしているかについていくつかの入力を希望します。私がそれを検証すると、アンカータグを閉じるべきだという警告が表示されます。しかし、私はヘッダーと段落の両方をCSSを使用して強調表示する必要があります。 htmlコードは、CSSコードをHTML5でHTML検証アンカータグ

menu-items a{ 
    display: block; 
    padding: 10px; 
    text-shadow: 1px 1px 1px #666666; 
    text-decoration: none; 
    color: #000000; 
} 
.menu-items a:hover{ 
display: block; 
background: #666666; 
-moz-border-radius: 3px; 
    -webkit-border-radius: 3px; 
    border-radius: 3px; 
} 

答えて

2

を下回っている

<li> 
    <a href="#">Home</a> 
    <div class="menu-dropdown"> 
     <div class="menu-items"> 
      <a href="#"> 
      <h4>Why Choose Cyberskills?</h4> 
      <p>There are a number of reason to choose Cyberskills. Click here to find out more...</p> 
     </a> 
     </div> 
    </div> 
</li> 

の下に、これは有効です。 XHTML 1.0 Transitionalでは、リンクの中に「ブロックタグ」を置くことができないためです。ブロックタグは次のようにデフォルトごとdisplay: blockを得たHTMLのタグ、以下のとおりです。あなたがh4pまたはの代わりに<span>を使用することができ

... divph1h2h4pの内部リンクを置きます。

+0

私は、コミュニティがこれについて考えるものを聞くことに興味があります。両方のソリューションは、有効なHTMLを作成しながら、醜いです。 '' h4'の 'a'を' p'を使わずに 'a'のタイトルに置くのはどうでしょうか? –

+0

あなたが示唆したことは、まったく別の出力を作り出します。 - さて、 'span'を使用すると、推奨されている解決策ではないセミカルな部分が削除されますが、各項目にリンクを書くことは醜いことではありません!あなたが有効でありたいなら、それは必要です! – Armin

+0

@ Mr Lister、すべての選択肢は、ユーザビリティ、アクセシビリティ、および検索エンジンには適していない、長いリンクテキストをもたらします。おそらく、最良の方法は、 'p'テキストの最後の部分だけをリンクにして、それを再フォーマットすることです。例:記事全体を読む:' Reasons for Choosing Cyberskill '。 –

関連する問題