Question

我已经阅读了几个这方面的主题，但仍然不了解有效的替代方案。显然它看起来就像我想要它，但我收到验证错误，我不知道如何更改它。这是我正在使用的简单版本：

<button type="submit" onclick="window.location.href='events.html'">
    <div id="box1" class="eventContainer">
    <h3>CLICK ON ME!</h3>
    <p>Description</p>
    <img>
    </div>
</button>

Answer 1

我不确定，您看到的验证错误。我从你的代码中创建了一个最小的例子，它是有效的。（选中https://validator.w3.org/check）

[[Int]]

Answer 2

问题是按钮只能包含内联元素，而div是一个块元素。另一种方法是使用span

q_i,j != q_i,t

块级元素 块级元素始终在新行上开始并占用可用的全宽（尽可能向左和向右延伸）。

元素是块级元素。

<button type="submit" onclick="window.location.href='events.html'">
    <span id="box1" class="eventContainer">
       <h3>CLICK ON ME!</h3>
       <p>Description</p>
       <img>
    </span>
</button>

内嵌元素内联元素不会在新行上启动，只会占用所需的宽度。

这是段落中的内联元素内联元素的示例：

Examples of block-level elements:

<div>
<h1> - <h6>
<p>
<form>

＆lt; div>元件

元素是块级元素，通常用作其他HTML元素的容器。

元素没有必需的属性，但样式和类很常见。

与CSS一起使用时，该元素可用于设置内容块的样式：

实施例

<span>
<a>
<img>

可以找到更多信息here

div不允许作为按钮的子元素

2 个答案:

＆lt; div>元件