1

我正在尝试按如下方式验证我的代码：

<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) 获得的独特美学优势是，有两种不同的文本样式都受到同一个锚点的影响。它实际上在我的页面上看起来相当不错！

4

1 回答 1

5

改变你h4的span，给他们相同的风格。

<ul class="work">
    <li>
        <a href="work1.html"> <img src="images/work_1.png" alt="Work 1 Logo" />
        <span>Lorem ipsum doler sit amet consectetur adipiscing elit.</span>
        Work 1</a>
    </li>
etc.
于 2011-10-18T15:57:56.370 回答