Html 如何扩展<;a>;标记为<;部门>;标签?

Html 如何扩展<;a>;标记为<;部门>;标签?,html,css,Html,Css,我有以下部门: <div style="height: 200px"> <a href="#">Click to View</a> </div> 我想点击div标签的任何地方,并想激活标签。简而言之,我想点击div来导航链接。我该怎么做 更新 我必须更新我的问题: 我无法定义我的 对于 更改订单 <a href="#"> <div style="height: 200px"> Click to Vi

我有以下部门:

<div style="height: 200px">
    <a href="#">Click to View</a>
</div>  

我想点击div标签的任何地方,并想激活标签。简而言之,我想点击div来导航链接。我该怎么做

更新 我必须更新我的问题:

  • 我无法定义我的
  • 对于
    
    
    更改订单

    <a href="#">
    <div style="height: 200px">
        Click to View
    </div> 
    </a>
    
    
    

    注意:
    内部

    尝试更改锚css:

    a.block{display:block;height:200px;}
    
    <div style="height: 200px">
        <a class="block" href="#">Click to View</a>
    </div>  
    
    a.block{显示:块;高度:200px;}
    
    删除div

    <a href="#" class="bigAnchor">Click to View</a>
    

    制作一个Javascript函数,调用链接并将其附加到DIV元素的OnClick事件上

    或者尝试以下方式:

    <div id="Idhere" onclick="window.location = 'Link here'">
    <a href="leave this blank">text here</a>
    </div>
    

    这应该能帮到你

    div{
    高度:200px;
    }
    a组{
    显示:块;
    高度:200px;
    }
    

    您可以尝试以下方法:

    .link {
     width: 300px; 
     height: 200px; 
     background: #fc0; 
    }
    .link a {
     display: block; /* link as block element */
     text-align: center; 
     height: 100%; /* height for all div */
     color: #666; /* link color */
    }
    

    
    
    无效的HTML。内联元素中不能有块级元素。@AlienWebguy-我假设讨论的重点是什么是有效的和无效的。OP没有指定HTML5的使用。@JaredFarrish说得很公平,但仅仅因为它是合法的并不意味着我们应该推荐它
    eval()
    extract()
    也是有效和合法的,但为了理智起见,为什么要使用它们呢?答案应该澄清这只适用于HTML5。它打破了许多旧浏览器仍然存在。你目前的分数是1337:)@macek是的,我目前的分数是。。。但是我不能理解你的评论……你的意思是
    div.block a
    a.block
    与您的标记中的任何内容都不匹配。您肯定不需要javascript来处理这个非常简单的任务。但您肯定可以使用它。这对我没有帮助,因为我出于其他原因需要Div。。。。我需要放置一些其他元素…您的解决方案适用于固定高度,例如200px,但如果我想使用100%,它将不起作用。。。你能不能改变一下身高:100%;我无法定义我的div的高度,必须使用100%作为锚的高度。。。。。请帮帮我。。。
    <div id="Idhere" onclick="window.location = 'Link here'">
    <a href="leave this blank">text here</a>
    </div>
    
    .link {
     width: 300px; 
     height: 200px; 
     background: #fc0; 
    }
    .link a {
     display: block; /* link as block element */
     text-align: center; 
     height: 100%; /* height for all div */
     color: #666; /* link color */
    }
    
    <div class="link">
       <a href="1.html">Link</a>
      </div>
    
    a { 
     display: inline-block; 
     width: 100%;
     height: 100%;
    }