Question

我的问题是，是否有可能链接＆lt; li>小工具中的标签？

例子：normaly＆lt; a＆gt;标签位于＆lt; li>标记：

<div class="widget_archive">
    <h3 class="footer-widget-title">Archive</h3>        
        <ul>
            <li><a href="http://url.tld/2013/10/" title="Oktober 2013">Oktober 2013</a>&nbsp;(7)</li>
        </ul>
</div>

但我想这样：

<div class="widget_archive">
    <h3 class="footer-widget-title">Archive</h3>        
        <ul>
            <a href="http://url.tld/2013/10/" title="Oktober 2013"><li>Oktober 2013 &nbsp; (7)</li></a>
        </ul>
</div>

我希望用户可以点击完整元素，而不仅仅是链接文字。

Answer 1

是。这是可能的。它在浏览器中表现良好，但无效W3C html。

您将收到类似

的错误

Element a not allowed as child of element ul in this context.

如果您尝试在w3C中验证

您可以通过W3C HERE 进行验证测试，也可以选择doctype进行验证

<div>

    <ul>
        <li>
            <a href="#">
                Link 1
            </a>
        </li>
        <li>
            <a href="#">
                Link 2
            </a>
        </li>
    </ul>

</div>

li {    
    display: inline;    
}
a {
    display: block;
    background: yellow;
    width: 200px;
    height: 30px;

}

Wordpress小部件<a> Link Tags outside the <li> Tag?</li></a>

1 个答案: