html - 如何编写其中包含复杂内容的链接，使其有效且正确

Question

w3 html 验证器会告诉我这是错误的:

<a href="http://www.bla.com>
   <div>something</div>
   <ul>
       <li>first</li>
       <li>second</li>
   </ul>
</a>

为了获得严格的 HTML 4 验证(或者只是为了正确编写内容)

什么是更好的写法:

1. 没有 div 和 ul，只有 span 和我需要设计的类:

   <a href="http://www.bla.com>

     <span class="div">something</span>
      <span class="ul">
          <span class="li">first</span>
          <span class="li">second</span>
      </span>
   </a>
   

2. 没有<a>

<div id="actAsLink" onclick="javascript:window.open('http://www.bla.com')>

<div>something</div>

<ul>

   <li>first</li>
   <li>second</li>

</ul>

</div>

=========================

抱歉，代码看起来不是最好的——我在处理这个网站上的“代码采样器”时遇到了麻烦。

Answer 1

我投票给选项 1: anchor + 描述性类名:

• 即使禁用了 JavaScript 或弹出窗口，该链接仍然有效。 (这是对我来说最重要的功能。)
• 类属性描述了它们的作用，作为<ul>的替代品, <li>元素。这些元素可以使用 CSS 设置样式。

不过您的结构看起来有点奇怪:为什么要在 anchor 中嵌套列表？