Question

我遇到了一些HTML：

<div id="div-1">
    <a href="next" span id="next">hidfoli</a>
</div>

我想知道span标记内的a是什么意思？

Answer 1

span是一个标记，而不是任何元素的attribute，因此可能错误输入并且HTML无效。

因此，a必须嵌套在span标记内，或者span必须嵌套在a标记内，但就属性而言，没有任何内容就这样。

您始终可以使用W3C Validator验证您的标记。

如果您的意思是span标记内的a NESTED ，那么我可以向您展示如何使用它。

<a href="#"><span>Hello</span></a>

假设你的标记中有上面的内容，现在这两个元素都是inline，所以设计师经常以这样的方式嵌套元素来实现一些排版效果... ...

a {
   color: red;
}

a span {
   color: green;
}

或者他希望这两个词在不同的行上，所以他可以做类似的事情

a span {
   display: block;
}

因此它可以在各种场景中使用，但就语法而言，它完全无效。

关于属性的更多信息，如果你想定义自定义属性，由于某些或其他原因，你可以通过使用data-为它们的名称添加前缀来创建它们，这在HTML5中是有效的，所以上面可以写成<a href="next" data-span="whatever" id="next">hidfoli</a>。

Answer 2

这并不意味着什么。

它被忽略，除了浏览器仍解析属性并将其存储在DOM中（不直接作为元素节点的属性，而是在attributes数组中）。

Answer 3

该示例包含无效的html，它应该是：

<a href="next"><span id="next">hidfoli</span></a>

通常，span用于包装文本，以便可以应用特定样式。更具体地说，如MDN Documentation所述：

HTML元素是用于措辞的通用内联容器内容，本质上不代表任何东西。它可以使用为样式目的分组元素（使用类或id 属性），或者因为它们共享属性值，例如lang。它只有在没有其他语义元素合适时才应该使用。非常像一个元素，但是是块级的元素，而a是内联元素。

Answer 4

对我来说似乎是个错误，这可能意味着：

<a href="next"><span id="next">hidfoli</span></a>

扮演一点侦探，作者可能会在其中放入一个带有id的跨度，以便能够访问'hidfoli'字符串，然后在中途意识到他可以将id放在右边，从而最终导致错误HTML代码。

Answer 5

您的html代码无效html ... span是html代码，可以放在a代码内，而不是a代码的属性。

正确的方式

<a href="next" id="next"><span>hidfoli</span></a>

Answer 6

Span是一个HTML标记，它不是一个不正确的属性。

可能是这样的

<a href="next"><span id="next">hidfoli</span></a>

但与

相同

<a href="next">hidfoli</a>

使用第一个不仅仅用于提供文本的内容可用于样式目的。

或者，如果您要为嵌套对象提供属性，例如

a span                       $('a span') in Jquery
{
}           in css or