【问题标题】:html5 semantic tag for an article summary and highlight用于文章摘要和突出显示的 html5 语义标签
【发布时间】:2014-05-05 14:26:56
【问题描述】:

我正在寻找一个合适的 html5 标签,我可以用它来标记一篇非常长的文章的摘要。摘要本身可以跨越一两段。

我知道 html5 中有一个 <summary> 标记,但该标记与 <details> 标记结合使用。

其次,我想在一篇长篇文章的中间突出显示一两段。这些突出显示的部分是需要突出显示的重要文本。是否有任何html5标签?还是我应该只使用一个类来突出显示?关键是,它不是视觉上的重要性,而是语义上的重要性。

【问题讨论】:

标签: html semantic-markup


【解决方案1】:

不,没有用于重要性的块级元素,也没有用于摘要的元素(details 中的summary 元素根本不是摘要,而是一种标题)。

在传统的 HTML 直到并包括 HTML 4.01(和 XHTML 1.0)中,emstrong 表示强调,但它们的定义非常模糊。在实践中,它们只不过是斜体和粗体的伪语义对应物ib。 HTML5 通过区分“强调强调”(“改变句子的含义”)和“强烈的重要性、严肃性或紧迫性”而没有真正定义区别,从而使主题更加混乱。在任何情况下,emstrong 都是文本级(内联)标记,用于单个单词或短语而不是整个句子,更不用说段落或段落序列。

你能得到的最接近的是<p><strong>...</strong></p>,但这是否是一个好主意值得怀疑。这肯定不是 strong 应该使用的方式,但它在形式上是有效的。

因此,实用的方法是使用带有class 属性和合适样式的div 元素(或者可能是p 元素)。

【讨论】:

  • 感谢 Jukka 的宝贵回复。那么我可以得出结论说没有用于标记重要性的任意块级元素的可用标记吗?我目前正在使用带有summaryfeatured 类的div,因为里面可以有多个段落。我想确认我这样做是否明智或错过了任何最佳实践。
  • @krishworks,是的,这是正确的,使用 div 是可以的。
  • @jukka-k-korpela 只是另一个后续问题,如何为 添加新的自定义 html5 标签?除了浏览器对 html5 自定义标签的支持之外,使用这些标签有什么缺点吗?谢谢。
  • 使用自定义标签通常不是一个好主意,参见例如问题的答案stackoverflow.com/questions/5970093/using-custom-html-tags
  • 在强元素部分,最后一个代码示例,第一个列表项。 <strong> 包裹了段落的全部内容。即整个警告。并且“可以使用”一词是允许的,给出使用建议,而不是使用限制。
猜你喜欢
  • 1970-01-01
  • 2016-09-14
  • 1970-01-01
  • 2022-12-12
  • 2013-08-08
  • 2015-08-19
  • 1970-01-01
  • 1970-01-01
  • 2014-04-03
相关资源
最近更新 更多