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

发布于 2025-01-01 22:47:26 字数 938 浏览 0 评论 0 原文

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我需要设计:

    某事; 第一个 第二个

  2. without

something

    ;

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

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

抱歉,代码看起来不是最好的 - 我有处理本网站上的“代码采样器”时遇到麻烦。

w3 html validator will tell me that this is wrong:

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

in order to get a validated as HTML 4 strict (or just for writing things correctly)

What is the better way to write it:

  1. no div's and ul's - just span's with classes that I need to design:

    <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. without <a>

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

<div>something</div>

<ul>

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

</ul>

</div>

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

sorry that the code doesn't look at its best - I had troubles handling the "code sampler" on this website.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

謌踐踏愛綪 2025-01-08 22:47:26

我投票支持选项 1:锚点 + 描述性类名称:

  • 即使 JavaScript 或弹出窗口被禁用,该链接也将起作用。 (这对我来说是最重要功能。)
  • 类属性描述了它们的作用,作为

    • <的替代品。 /code> 元素。可以使用 CSS 设置这些元素的样式。

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

I vote for option 1: Anchor + descriptive class names:

  • The link will work, even when JavaScript or pop-ups are disabled. (this is the most important feature to me.)
  • The class attributes describe their role, as a substitute for the <ul>, <li> elements. These elements can be styled using CSS.

Your structure looks a bit odd though: Why do you want to nest a list in an anchor?

莫相离 2025-01-08 22:47:26

实际上,您应该在每个 divulli 标签内添加 标签:

<div><a href="#"></a></div>
<ul>
    <li><a href="#">first</a></li>
    <li><a href="#">second</a></li>
</ul>

这是有效的标记,但显然有一个缺点,就是你有三个链接而不是一个。我不确定为什么你想在链接内有一个列表 - 更常见的是看到链接列表。

Really you should have <a> tags inside each of the div, ul and li tags:

<div><a href="#"></a></div>
<ul>
    <li><a href="#">first</a></li>
    <li><a href="#">second</a></li>
</ul>

This is valid markup, but obviously with the downside that you have three links instead of one. I'm not sure why you want to have a list inside a link though - it's more common to see a list of links.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文