在此上下文中，元素“ul”中不允許使用文本，在“ul”標記后使用 class

Question

<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>

通過在驗證器中運行它會引發錯誤：“在此上下文中元素 ul 中不允許文本。”

問題是 class tm-gallery-filter tabs clearfix filters-button-group給了我 animation.so 我必須使用它。 幫助我找到解決此錯誤的方法。

Answer 1

如果您的 HTML 代碼與您的問題完全相同，則錯誤消息可能是指“。” li元素前面的字符 - 從技術上講，這些是ul元素中的文本（而不是其子元素中的文本）......

Answer 2

問題是 class

不，不是。 問題是<ul>元素中的文本。 其中只能包含<li> 、 <script>或<template>元素。 刪除差事". "字符：

<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>