HTML5   发布时间:2022-04-25  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了html5 – 创建手风琴小部件的语义正确方法是什么?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
考虑到语义Web和 HTML5,创建手风琴小部件的语义正确方法是什么?

例:

jQueryUI提出以下示例:

<div id="accordion">
    <h3><a href="#">First header</a></h3>
    <div>First content</div>
    <h3><a href="#">Second header</a></h3>
    <div>Second content</div>
</div>

现在如果很明显我们需要一个具有标题内容的列表,那么现在我们需要的是:

一系列定义?

<dl>
    <dt>
       Title
    </dt>
    <dd>
       Content
    </dd>
</dl>

解决方法

语义基于内容.

不是风格,
不是互动.

因此,在语义上标记手风琴小部件不会只有一种方法.手风琴小部件是一种互动.

dl应该用于name-value groups,因此如果您有“术语和定义,元数据主题和值,问题和答案,或任何其他名称 – 值数据组”,那么使用带有手风琴小部件的dl将是语义上的. :

<dl id="deFinitions">
  <dt>...</dt>
  <dd>...</dd>
  <dt>...</dt>
  <dd>...</dd>
  ...
</dl>

如果你在一个档案中有一堆文章,它可能是语义使用:

<h1>Archive</h1>
<div id="articles">
  <h2>...</h2>
  <article>...</article>
  <h2>...</h2>
  <article>...</article>
  ...
</div>

在担心内容应该做什么之前,先弄清楚你的内容是什么.

大佬总结

以上是大佬教程为你收集整理的html5 – 创建手风琴小部件的语义正确方法是什么?全部内容,希望文章能够帮你解决html5 – 创建手风琴小部件的语义正确方法是什么?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: