Question

我的html / css代码有一个奇怪的问题。我想在另一个标签中有一个标签。这是我的任务的基本代码：

<a href='2.html'>
  <div style="width: 300px; height: 200px; padding-left: 100px; padding-top: 100px;">
    text <a href='1111.html'> OK </a> text
  </div>
</a>

由于应用程序的任务和当前代码，此解决方案对我没有帮助：

<div style="width: 300px; height: 200px; padding-left: 100px; padding-top: 100px;">
  <a href='2.html'>text </a><a href='1111.html'> OK</a> <a href='2.html'>text </a> 
</div>

Answer 1

我想在另一个标签中添加标签。

你做不到。 HTML规范禁止使用。

HTML 5：

内容模型：
透明，但必须没有互动内容后代。

a元素是互动内容。

HTML 4：

<!ELEMENT A - - (%inline;)* -(A)       -- anchor -->

请注意排除元素后代的-(A)。

XHTML 1：

一不得包含其他元素。

Answer 2

您要求的内容无效。不允许使用嵌套的<a>标记。但你可以试试这样的事情

<div onclick="window.location='http://www.example.com/a.html'">
    text...
    <a href='http://www.example.com/b.html'>OK</a>
</div>

Answer 3

这是无效的，你不能在另一个超链接里面有一个超链接。

唯一的解决方法是创建一个超链接1，然后创建超链接2，然后再次写一个超链接2，让它感觉好像超链接1是一个超链接2的包装器。您已经使用过的。

Answer 4

在html语言中有一些规则，标签内只有一个超链接。没有规则允许您在标记中插入两个链接。

<a href="YOUR LINK">OK</a>

这是您应该使用的语法。如果您希望它提供另一个链接，那么您必须再次写入该链接。

Answer 5

正如人们之前所说，您的代码无效。 <a href='2.html'>text </a>只会作为2.html的链接，但是当您编写<a href='1111.html'> OK <a href='2.html'>text </a>时，您正在尝试编写一个同时连接到2.html和1111.html的链接。如果您希望链接同时打开两个位置，则必须使用JavaScript。要完全按照你的要求做，你需要这个：

HTML

<div style="width: 300px; height: 200px; padding-left: 100px; padding-top: 100px;">
  <a href='2.html'>text </a><a href='javascript:openTwo();'> OK </a><a href='2.html'>text </a> 
</div>

JS

    function openTwo(){
      window.open("1111.html", "first Window", _blank);
      window.open("2.html", "second Window", _blank);
    }

<a> tag in another </a> <a> tag</a>

5 个答案: