使整个div成为一个链接

时间:2015-03-08 02:36:49

标签: html

如何将此div设为指向页面的链接? div中有一些链接,我想知道,这是否阻止我将整个div作为链接?正如你所看到的,我已经尝试将div包装在一个标签中,但这不起作用。我用它来使用javascript,但是'手'将鼠标悬停在div上时,指针不显示。我知道我可以在CSS中添加它,但我更喜欢使用链接标记。

<a style="display:block" href="viewmessagethread.php?id=<?php echo $messageid; ?>">
    <div class="<?php echo $message_read_status; ?>">
            <div class="media-body">
                <span class="pull-right noti-time"> <?php echo $dte_new; ?></span>
                <div width="100%"><b><?php echo $title;?></b>
                </div>
            </div>
    </div>
</a>

真诚地感谢您的帮助。非常感谢。

1 个答案:

答案 0 :(得分:1)

是的,如果<div>中有链接,那将无效。 <a>元素会自动在另一个“嵌套”<a>元素的开头结束。与<p>一样。

请参阅MDN docs on <a>

  

允许的内容:流媒体内容(不包括互动内容)或短语内容。

  

允许的父母:任何接受短语内容的元素,或接受流内容的任何元素,但始终排除<a>元素(根据对称的逻辑原则,如果{{1作为父级的标记不能包含交互式内容,因此相同的<a>内容不能将<a>标记作为其父级。)