【问题标题】:Text not allowed in element 'ul' in this context using a class after 'ul' tag在此上下文中元素“ul”中不允许使用“ul”标记后的类的文本
【发布时间】:2020-08-06 19:44:04
【问题描述】:
<div class="tm-gallery-header">
                <h2 class="tm-mb-1 text-center">The Gallery Section</h2>
                <ul class="tm-gallery-filter tabs clearfix filters-button-group">
                    <li><a role="button" href="#" class="active" data-filter="*">Show All</a></li>
                    . <li><a role="button" href="#" data-filter=".nature">Nature</a></li>
                    . <li><a role="button" href="#" data-filter=".campus">Campus</a></li>
                    . <li><a role="button" href="#" data-filter=".people">People</a></li>
                </ul>
</div>

通过在验证器中运行它会引发错误:“Text not allowed in element ul in this context.”

问题是tm-gallery-filter tabs clearfix filters-button-group 类给了我动画。所以我必须使用它。 帮我找到解决这个错误的方法。

【问题讨论】:

    标签: javascript html css responsive-design


    【解决方案1】:

    问题出在班级

    不,不是。问题在于&lt;ul&gt; 元素中的文本。其中can only contain &lt;li&gt;, &lt;script&gt;, or &lt;template&gt; elements。去掉差事". "字符:

    <ul class="tm-gallery-filter tabs clearfix filters-button-group">
      <li><a role="button" href="#" class="active" data-filter="*">Show All</a></li>
      <li><a role="button" href="#" data-filter=".nature">Nature</a></li>
      <li><a role="button" href="#" data-filter=".campus">Campus</a></li>
      <li><a role="button" href="#" data-filter=".people">People</a></li>
    </ul>
    

    【讨论】:

      【解决方案2】:

      如果您的 HTML 代码与您的问题完全相同,则错误消息可能是指“。” li 元素前面的字符 - 从技术上讲,这些是 ul 元素(而不是其子元素)中的文本...

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2013-12-08
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2018-08-10
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多