Divにハイパーリンクを追加します.

Divにハイパーリンクを追加します.JavaScript VS Css?書式
Written by Rainbow On 2009-04-18 With 0 Comments
前の時間はDIVにリンクをつけることに悩んでいましたが、どのような技術を使いますか?JavaScript VS Css?
DIVの内容を含めてハイパーリンクを行うのは賢明ではありません.それにWEBの基準にも合いません.思います
aを使ってマークする必要がありますか?実はDIVのonclick属性にJavaScriptの小さなステップを付ければいいです.
あなたのブラウザはJavaScriptの歩みをサポートします.
スクリプトが実行されなくても、DIVブロックにハイパーリンクを使って、同じようにリンクできます.
目的地は完璧じゃないですか?
もういいです.多く言わないで、私達の小さい応用を始めましょう.
キーコードは:

location.href=’http://www.blog.moocss.com/’
    ---cursor:hand；  ie     (   div       )
	   ：style="cursor:pointer;"
	---        
	---<div onClick="javascript:window.open('#','_blank')"></div>
        ---<a href="http://www.soso.com">           </a>
Html Code :

<div id="header" style="cursor:pointer;" 

onclick="location.href='http://www.blog.moocss.com/';"> 
<a href="#"></a> 
</div>

Cssコード:

#header {
width: 300px;
height: 100px;
border: 4px solid #996600;
background-color: #FFCC62;
}
#header a {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
cursor: pointer;
}
#header a:hover {
text-decoration: none;
background-color: #FFE0A2;
}

最後に私はもっと話しています.この小さい技術はDivで含む文字全体またはDIVで作ってもいいです.
のボタンで簡単にハイパーリンクができます.
この技術はHTMLの他のマークに適用できます.Oniclickイベントをサポートすればいいです.CSSで美化します
下に落ちる.(引用:http://blog.moocss.com/tutorials/html-css-tutorials/38.html)