Css 块级链接HTML5文章

我在问是否可能做到以下几点。我有一个HTML5文章标签，里面有一个数字和figcaption标签。标题与图像重叠。该图应该是可点击的，但我希望标题中有其他链接链接到其他页面，如分类页面

我的标记应该是什么样子。 现在我有以下内容，但是第一个a标记将在打开a标记后立即关闭

                <li class="grid_12 blog-post">
            <a href="#">
                <figure class="post-thumb">
                    <img src="images/blog-thumb.png" alt="Post thumbnail">

                    <figcaption class="entry-post"> 
                        <span class="capitalize">Entry</span>

                        <h1 class="entry-title">
                            <a href="#" title="">Fris. Responsive. Retina Ready.</a>
                        </h1><!-- End h1 .entry-title -->

                        <ul class="entry-meta">                   
                            <li class="author">
                                By <a href="#">Casper Biemans</a>
                            </li>
                            <li class="published">
                                On <a href="#">September 1, 2012</a>
                            </li>
                            <li class="entry-categories">
                                In <a href="#">Digital Art</a>
                            </li>
                            <li class="comment-count">
                                With <a href="#">22 Comments</a>
                            </li>
                            <li class="permalink">
                                <img src="images/permalink_icon.png" alt="Permalink post"><a href="#">Permalink</a>
                            </li>
                        </ul><!-- End ul.entry-meta -->
                    </figcaption><!-- End figcaption.entry-post -->
                </figure><!-- End figure.post-thumb -->
            </a>
            </li><!-- End li.grid_12 blog-post -->

通过


在…上


在里面


具有

无论如何我都不推荐它，因为它可能不是有效的标记。你不能在容器内设置链接并给它一个可能的位置：绝对；宽度：100%；身高：100%；和位置：相对于父级？？是的，链接不应嵌套。图像是否位于文本后面，所有图像都可以单击，但其中的一些文本指向与图像本身不同的页面？如果是这样的话，那么也许图像地图就是一个解决方案。