Question

制作一个网站，利用带background-image:的div（基本上是一张图片），其中div嵌套在图片上方显示文字。

text和picture divs都是指向同一个地方的链接。我希望我的用户能够点击文本或图片上的任意位置以离开页面。

我没有使用两个标记链接同一行代码中的同一个东西，而是注意到我可以将两个div（图片和文本）放在同一个标签内，Chrome允许它。但我不知道其他浏览器对这种事情的支持程度如何。

以下是我正在做的一个例子：

<a href="https://theartofmikeyjoyce.com/">
  <div class="cell E4">
   <div class="text">MIKEY<br/>
       <p>IN THE CLUB II</p>DIGITAL COLLAGE
   </div>
  </div>
</a>

这是佳能吗？

Answer 1

HTML 4.01指定元素只能包含内联元素。 <div>是一个块元素，因此它可能不会显示在<a>内。

HTML 5声明<a>元素可以包裹在整个段落，列表，表格等中，甚至整个部分，只要其中没有交互式内容（例如按钮或其他链接） ”

来源：Is putting a div inside an anchor ever correct?

正确的HTML链接格式 - 两个div可以在一个<a> tag?</a>内

1 个答案: