HTML5 用于定义无序列表中某物的标签

Question

我想创建一个我的技能列表，当我点击其中一个时，它会显示列表中的一些描述。 HTML5 中 'something description from one of the lists' 的语义标记是什么？

Answer 1

这听起来像 link。

h2 {
  margin-top: 100vh;
  padding-top: 1rem;
}

<h1>Skills</h1>

<ul>
  <li><a href="#examplea">Example A</a></li>
  <li><a href="#exampleb">Example B</a></li>
  <li><a href="#examplec">Example C</a></li>
  <li><a href="#exampled">Example D</a></li>
</ul>

<h2 id="examplea">Example A</h2>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus fermentum consectetur nibh, vel volutpat nulla varius a. Fusce auctor est id egestas imperdiet.</p>


<h2 id="exampleb">Example B</h2>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus fermentum consectetur nibh, vel volutpat nulla varius a. Fusce auctor est id egestas imperdiet.</p>


<h2 id="examplec">Example C</h2>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus fermentum consectetur nibh, vel volutpat nulla varius a. Fusce auctor est id egestas imperdiet.</p>


<h2 id="exampled">Example D</h2>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus fermentum consectetur nibh, vel volutpat nulla varius a. Fusce auctor est id egestas imperdiet.</p>

Answer 2

我想就是这样了。

<dl>
    <dt>Heading</dt>
    <dd>
        <ul>
            <li><a href="#">listItem</a></li>
            <li><a href="#">listItem</a></li>
        </ul>
    </dd>
</dl>

HTML5 用于定义无序列表中某物的标签

HTML5 tag for definition something from unordered list

html

semantic-markup