文章/答案/技术大牛

发布

社区首页 >问答首页 >元素h3在此上下文中不允许作为元素标签的子元素。[html]

问元素h3在此上下文中不允许作为元素标签的子元素。[html]
EN

Stack Overflow用户

提问于 2018-04-27 19:19:21

回答 2查看 1.5K关注 0票数 0

我目前有这样的代码：

<ul class="char">
            <li>
            <label class="textOverImage" style="background-image:url(img/text.png)">
               <input type="checkbox">
               <h3>Joyce Byers</h3>
               <div>
               text
               </div>
            </label>
            </li>

w3.validator.org给出了这个错误:在这个上下文中，元素h3不允许作为元素标签的子元素。

元素div在此上下文中不允许作为元素标签的子元素。

我真的不知道怎么做这件事。有没有办法不出差错就得到我想要的东西？

我试着做这个：https://codepen.io/zFunx/pen/QvzeBN

谢谢您的优待

html

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-04-27 19:23:49

在你的代码中，你有

<label class="textOverImage" style="background-image:url(img/text.png)">
     <input type="checkbox">
     <h3>Joyce Byers</h3>
     <div>
         text
     </div>
</label>

这意味着在您的label中，您有一个输入、一个h3和一个div。

label中唯一可以拥有的东西是文本和/或input。

您需要将div和h3从label中移出，或者使用label以外的其他东西对h3和div进行分组。

票数 2

Stack Overflow用户

发布于 2018-04-27 19:25:59

您可以使用以下方案之一：

<label for="username-input">Username</label>
<input type="text" name="username" id="username-input">

<!-- Or, if you want the input inside of the label -->
<label>
<span>Username</span>
<input type="text" name="username">
</label>

您可以在this thread中找到更多信息。

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/50068995

复制

相似问题

问元素h3在此上下文中不允许作为元素标签的子元素。[html]
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问元素h3在此上下文中不允许作为元素标签的子元素。[html]EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问元素h3在此上下文中不允许作为元素标签的子元素。[html]
EN