HTML5:元素<组>

发布于 2025-01-06 12:16:49 字数 780 浏览 0 评论 0原文

什么是有效的 HTML5HTML5-tag 您是否建议将一个或多个元素合并到一组

示例:

  <!-- Not valid, see below - just ignore -->
    <ul>
      <li>Test1<li>
      <group id="2"><li>Test 2</li></group>
      <li>Test2<li>
      <li>Test3<li>
    </ul>
 <!-- // -->

  <p>Test Text 1 <group id="3">Lorem ipsum dolor</group></p>

</body>
</html>

Javascript(带有 DOM-Utility):

console.log($('group#2'));

What valid HTML5HTML5-tag do you suggest, to combine one or more elements into a group?

Example:

  <!-- Not valid, see below - just ignore -->
    <ul>
      <li>Test1<li>
      <group id="2"><li>Test 2</li></group>
      <li>Test2<li>
      <li>Test3<li>
    </ul>
 <!-- // -->

  <p>Test Text 1 <group id="3">Lorem ipsum dolor</group></p>

</body>
</html>

Javascript (with DOM-Utility):

console.log($('group#2'));

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

枯寂 2025-01-13 12:16:49

这取决于上下文。 这里是所有分组元素的规范块级(或者我喜欢这种可视化)。你想要一些语义上合适的东西。例如,如果您有一篇文章,则需要使用

标签。如果要定义页面的一部分,请使用

。如果您要对标题进行分组,请使用

。如果您正在执行 x,请使用 x 标签。

这样的例子不胜枚举。找到适合上下文的元素。但请注意,较旧的浏览器不知道如何处理元素,因此您需要了解如何设置样式以及如何使用 JavaScript 查询元素。

It depends on the context. Here is the spec for all grouping elements of block level (or I like this visualization). You want something that fits semantically. For example, if you have an article, you'll want to use the <article> tag. If you are defining a section of the page, use a <section>. If you are grouping headers, use <hgroup>. If you are doing x, use x tag.

The list goes on and on and on. Find the appropriate element for the context. But do note, older browsers won't know how to handle the elements, so you'll need to be aware of that in how you style and how you use JavaScript to query the elements.

时光暖心i 2025-01-13 12:16:49

在这种情况下,您应该只使用类名:

<li class="group2">Test 2</li>

In this situation you should just use a class name:

<li class="group2">Test 2</li>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文