我正在尝试按如下方式验证我的代码:
<ul class="work">
<li>
<a href="work1.html"> <img src="images/work_1.png" alt="Work 1 Logo" /> <h4>Lorem ipsum doler sit amet consectetur adipiscing elit.</h4> Work 1 </a>
</li>
<li>
<a href="work2.html"> <img src="images/work_2.png" alt="Work 2 Logo" /> <h4>Lorem ipsum doler sit amet consectetur adipiscing elit.</h4> Work 2 </a>
</li>
<li>
<a href="work3.html"> <img src="images/work_3.png" alt="Work 3 Logo" /> <h4>Lorem ipsum doler sit amet consectetur adipiscing elit.</h4> Work 3 </a>
</li>
</ul>
当然,我面临的问题是块级元素(h4)不应该在内联元素(a)中。是否有任何 XHTML 1.0 Strict 有效的方法可以让我看到我现在使用这段代码看到的相同效果?我通过在 (a) 中使用 (h4) 获得的独特美学优势是,有两种不同的文本样式都受到同一个锚点的影响。它实际上在我的页面上看起来相当不错!