在<a> tag?</a> </span>中添加<span>标记是否正确

Question

我想知道我们是否可以在标签内添加span标签....

<h2 style="text-align: left;"><a href="mydomain.com"><span style="font-weight: bold;">Dog dresses</span></a><br></h2>

以上方法对吗？使用安全...... ???

我知道我们可以在这里定义一些类，让它进入其他类似的元素。

<h2><a href="mydomain" class="bold">Dog dresses</a></h2>

.bold {font-weight: bold; }

OR

<h2 class="bold"><a href="mydomain">Dog dresses</a></h2>

h2.bold a { font-weight: bold; }

请分享您的观点..

Answer 1

是的，没关系。 <span>是内联元素。除非您将css display: block;添加到其中，否则它可以放在<a>。

中

Answer 2

这两种形式都是合法的。 （<a>内的<span>或<span>内的<a/>）

<a><div></div></a> 
<!-- illegal < HTML 5, you cannot put block level tags in an <a> -->
<!-- legal in HTML 5 -->

但是，我通常只会在<span>内使用<a>用于某些目的，因为有些内容需要特殊处理

<a href="#">this is <span class="lookatme">special and needs treatment</span></a>

这是毫无意义的（对我而言:-)）

<a href="#"><span class="lookatme">some text</span></a>

这通常是

<a href="#" class="lookatme">some text</a>

我通常认为使用<heading>标记时，<a>应位于<heading>内，但我不认为反向做错

Answer 3

虽然该代码 有效，但这不是最好的方法。

这是你的代码，为了清晰起见缩进

<h2 style="text-align: left;">
    <a href="mydomain.com">
        <span style="font-weight: bold;">Dog dresses</span>
    </a>
    <br>
</h2>

首先要注意的是你有一个尾随<br>。那个有什么用途？额外的间距？好吧，改为使用padding！

其次，您不需要span元素 - 粗体样式可以直接应用于<a>标记。

为什么不这样写：

<h2 style="text-align: left; padding-bottom: 1em">
    <a href="http://mydomain.com" style="font-weight: bold">Dog dresses</a>
</h2>

Answer 4

在span代码中包含a代码是完全合法的。

另请阅读：

Span inside anchor or anchor inside span or doesn't matter?

Answer 5

合法且安全。您可以随时在w3组织的免费验证服务中检查您的标记：http://validator.w3.org/check

Answer 6

如果内存服务正确，是的，您可以在<span>内<a>，<a>内<h2>。您定义课程的地方取决于您;把它放在最有意义的地方。

您可以检查自己是否编写了有效的HTML here，但如果在所有知名浏览器中无法正确呈现，则不要过多担心。

Answer 7

我会更喜欢使用CSS而不是使用内部。 它降低了HTML代码的复杂性，减少了对浏览器的压力，不会渲染复杂的结构。 使用JavaScript轻松抓取。

Answer 8

我想添加一个答案中缺少的不同观点。假设您想实现部分链接的标题这样的内容：

<h1><a href="stackoverflow.com">This</a> site is amazing</h1> 

和作为部分标头的链接：

<a href="stackoverflow.com"><h1>This</h1> site is amazing</a>

没什么意义，但是在语法上是正确的。