你能把多个元素放在一个html标签中吗？

Question

非常新手的问题.

例如,这没关系吗？

<a href="allaboutpeanuts.html">Peanuts<img src="peanut.jpg"> </a>

我尝试了它并且它工作正常,但我一直在谷歌搜索,我找不到任何提到任何人在一个href中放置多个元素.所以你真的不应该这样做,但我作弊,所以这是一种黑客攻击？

Answer 1

是的,一点没错.HTML标记可以嵌套在任何组合和任何数字中.

主要规则是它们必须正确嵌套.因此,这是不正确的:

<a href="allaboutpeanuts.html">Peanuts <h1>Lovely <img src="peanut.png" alt="Peanut" /></a> Peanuts</h1>

该h1标签是不完全的内a标签.

但是,这完全有效:

<div><h1><a href="allaboutpeanuts.html">Peanuts <img src="peanut.png" alt="Peanut" /></a></h1></div>

Answer 2

这是完全有效的 HTML，只需注意以下约束：

在 HTML 4.01 和 XHTML 中，只有内联元素作为<a>标签的子元素才有效（例如<span>）

在 HTML5 中，这已更改为允许非交互式块级元素 - 例如，您可以嵌套<p>、<div>、<h1>甚至<section>，但不能进一步嵌套<a>或<input>。[见a 元素]