我正在使用HTML嵌套串列在我的網站上創建一個內容表。在進行Chrome Lighthouse審核時，我發現在可訪問性方面存在問題。
它說 "串列不只包含<li>元素和腳本支持元素"
我的串列包含另一個串列（嵌套），所以它是問題的原因？
我的每個串列項也有<a>，我怎樣才能繞過我的代碼來解決chrome的警告。
<div class="TOCContainer Collapsable">
<ul class="father start">
<li>< a class="TOCLink" href="#1">/span>大公司為何死亡？ </a></li>/span>
<li>< a class="TOCLink" href="#2">/span>蘋果如何成為世界上最具創新性的公司？ </a>/span></li>/span>
<li>< a class="TOCLink" href="#3"> 是什么讓蘋果如此創新？ </a>/span></li>/span>
<li>< a class="TOCLink" href="#4">/span>蘋果在2021年是否還在創新？ </a></li>/span>
<ol class="continue">/span>
<li>< a class="TOC-link" href="#5"/span>> 現有產品的緩慢改進</a></li>>
<li>< a class="TOCLink" href="#6"/span>> 缺乏顛覆行業的新產品</a>/span></li>
<li>< a class="TOCLink" href="#7"/span>> 蘋果公司只關注利潤的看法</a></li>
</ol>/span>
<li><a href="#8"> The Silver Lining</a>/span></li>/span><。 li>< a class="TOCLink" href="#9" /span>> 結論</a></li>
</ul>/span>
</div>/span>
uj5u.com熱心網友回復：
因此，我找到了我自己問題的答案。
我學得很辛苦，只有ul的直系子代應該是li
我們可以在li里面有html標簽。
因此，問題在于嵌套的HTML。<ol>被嵌套在<ul>里面，這是不允許的
相反，<ol>被嵌套在<ul>里面。
相反，<ol>應該被包裹在<li>里面，以使其正常作業
因此，它應該看起來像
。因此，一般來說，它應該是這樣的。
<ul>
<li>/span>
<ol></ol>
</li>/span>
</ul>
基本上是把ol放在li里面。
現在，這個問題的正確代碼是這樣的：
<div class="TOCContainer Collapsable"/span>>
<ul class="father start">
<li>< a class="TOCLink" href="#1">/span>大公司為何死亡？ </a></li>/span>
<li>< a class="TOCLink" href="#2">/span>蘋果如何成為世界上最具創新性的公司？ </a>/span></li>/span>
<li>< a class="TOCLink" href="#3"> 是什么讓蘋果如此創新？ </a>/span></li>/span>
<li>< a class="TOCLink" href="#4">/span>蘋果在2021年是否還在創新？ </a></li>/span>
<li>
<ol class="continue">/span>
<li>< a class="TOC-link" href="#5"/span>> 現有產品的緩慢改進</a></li>>
<li>< a class="TOCLink" href="#6"/span>> 缺乏顛覆行業的新產品</a>/span></li>
<li>< a class="TOCLink" href="#7"/span>> 蘋果公司只關注利潤的看法</a></li>
</ol>/span>
</li>/span>
<li><a href="#8"> The Silver Lining</a>/span></li>/span><。 li>< a class="TOCLink" href="#9" /span>> 結論</a></li>>
</ul>/span>
</div>/span>
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/311307.html
標籤：
上一篇：有沒有辦法迭代資料框中的串列并根據串列中的值進行分類
下一篇：在perl腳本中運行gam命令