【问题标题】:HTML tags for an article listing page文章列表页面的 HTML 标记
【发布时间】:2013-10-09 21:05:55
【问题描述】:

我有一个常见问题页面,其中列出了常见问题解答主题。它看起来像这样:


页面标题

页面介绍

以下常见问题解答主题 1 的标题(作为链接 - ahref)
常见问题主题 1 介绍文本

以下常见问题主题 2 的标题(作为链接 - href)
常见问题主题 2 介绍文本

以下常见问题主题 3 的标题(作为链接 - href)
常见问题主题 3 介绍文本

.......
.....


我希望使用 HTML5 以最语义正确的方式标记它。

目前我正在考虑这样说:

部分 标题 h1 - 页眉 p - 页面介绍 头尾 div 文章 h1 a - FAQ 主题 1 标题(作为链接) p - FAQ 主题 1 文本 文章结尾 文章 h1 a - FAQ 主题 2 标题(作为链接) p - FAQ 主题 2 文本 文章结尾 文章 h1 a - FAQ 主题 3 标题(作为链接) p - FAQ 主题 3 文本 文章结尾 ............ ............ div 结束 节结束

你们如何看待特定场景的这种标记?我有什么替代方法可以解决这个问题?

感谢您的任何意见。

【问题讨论】:

  • 我不知道你为什么要这样做,但你可以在每个问题的上下文中或一般情况下用东西来爆破文章
  • @john 对不起...我不明白你的意思。能详细点吗?
  • 您的标记绝对没问题。只要确保在完成后通过 W3C 验证器运行它即可。

标签: css html


【解决方案1】:

我认为您会发现this page 很有用,因为它列出了许多情况以及如何正确概述页面内容。在您的情况下,我看不到您的标记有任何重要的语义问题。

编辑:我还将包含this SO post,其中包含典型页面标记的一个很好的示例。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2020-04-21
    • 2014-06-07
    • 2010-09-21
    • 1970-01-01
    • 2017-08-30
    • 2020-12-31
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多