在<a>标签内添加标签是否正确？

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; }

要么

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

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

请分享您的观点..

Answer 1

是的,没关系.是一个内联元素.除非你把css添加display: block;到它,它可以进入<a>.

请注意,HTML 5中的此更改 - [请参阅此博客文章](http://html5doctor.com/block-level-links-in-html-5/) (5认同)
请注意,HTML 5中的哪些更改是您可以在锚点中使用块元素,**而不是**您不能再使用内联元素... (2认同)

Answer 2

两种形式都是合法的.(<a>内部或内部<a/>)

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

但是,通常我只会出于某种目的使用内部<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

span标签内有标签是完全合法的a。

另请阅读以下内容：

在<a>标签内添加<span>标签是否正确？