[JavaScript知识库]怎么将链接扩展到整个容器

即点击a标签在的容器就可以直接跳转，不是必须要点在a标签上

方法：

/*style部分*/
.singer a{
        display: block;
        background-color: blue;
        line-height: 31px;
        padding: 0px 0px 0px 0px;
        width: 100%;
        height: 100%;
        color: black;
        text-decoration: none;
    }
<!--body部分--!>
<table class="singer">
                <tr>
                    <td><img src="img/singer1.jpg" alt=""></td>
                    <td>
                        <a href="">
                            <span><b>张惠妹aMEI</b>
                            台湾歌手张惠妹</span>
                        </a>
                    </td>
                </tr>
</table>

?效果如图：

?