Html 整个div作为链接?

Html 整个div作为链接?,html,Html,我想使用整个div作为链接。。不使用“onclick” 用一个简单的href可以做到这一点吗 谢谢根据HTML规范(HTML 4.01,草案5和XHTML 1,1.1),锚定标记不能包含标记。在其周围包裹锚定 <a href="#"><div></div></a> 简单的答案是否定的,您可以使用css光标:指针来获得相同的功能。您不能。但是您可以使用带有style=“display:block”的,它的行为应该完全像,来替换您的,我认为如果不使

我想使用整个div作为链接。。不使用
“onclick”

用一个简单的
href
可以做到这一点吗


谢谢

根据HTML规范(HTML 4.01,草案5和XHTML 1,1.1),锚定标记
不能包含
标记。

在其周围包裹锚定

<a href="#"><div></div></a>


简单的答案是否定的,您可以使用css
光标:指针来获得相同的功能。

您不能。但是您可以使用带有
style=“display:block”
,它的行为应该完全像
,来替换您的

,我认为如果不使用onclick事件,这是不可能的
用于将链接显示为div,而不显示其他内容。

否,
div
元素不能具有
href
属性,也不能充当链接。您可以在HTML5中使用以下内容:

<a href="#"><div></div></a>

这是有效的HTML4,但它当然不会在IE的旧版本上工作。否则,你应该完成你想要的。请参阅:

为什么不使用jquery之类的javascript框架,让div没有onclick事件,但在jquery中声明一个事件,例如:

   <script>
         $(function(){ 
           $(".click").click(function{ alert('clicked!'); });
        });        
   </script>

   <div class="click"></div>

$(函数(){
$(“.click”).click(函数{alert('clicked!');});
});        

只要我的2美分。谢谢。

您可以通过创建一个小的透明PNG(比如10px*10px)并使用CSS将PNG的宽度和高度设置为100%来实现这一点。然后,您可以使用
a href
标记包装
img
标记

以下是HTML:

<div id="YourHeader">
    <a href="http://example.com"><img src="/path/to/header10x10.png" /></a>
</div>

如果
#YourHeader
是一个空的
div
,其唯一目的是通过其
背景图像
属性显示标题图像,则此操作尤其方便

根据我刚才的评论,这是非法的HTML,不能保证在浏览器中工作(事实上,它至少在基于webkit的浏览器和gecko浏览器中不工作。)@Daniel:“解决方案”一词意味着“它工作”。这并不正确。@Omni这很奇怪,因为我刚刚在Firefox 4和Chrome 9中尝试了这种标记,效果很好。@Kyle这是对Omni声称它在Gecko和Webkit浏览器中不起作用的回应。不管怎样,我在Firefox4、Chrome9、IE8、Opera11和Safari 5中尝试了这个标记,并且在所有这些版本中都按预期呈现了它。由此产生的任何错误都可以通过一些CSS/Javascript解决。为了澄清我最初的评论,我意识到这是无效的,但我的理由是“如果它对你和你的观众有效,那么谁在乎呢?”。网上有很多网站没有正确验证,但功能却很好。上面关于这是非法的评论已经过时了;在HTML5中,围绕s或其他块级元素包装标签现在是受支持和合法的。从HTML5开始,s周围的s现在是合法的。谢谢,这比上面的答案要好:)
<div id="YourHeader">
    <a href="http://example.com"><img src="/path/to/header10x10.png" /></a>
</div>
#YourHeader img {
    width: 100%;
    height: 100%; 
}