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%;
}