在summary标签内使用h2标签在语义上是正确的吗?

10

我不确定在<summary>标签内使用<h2>标签是否正确。

在语义上,在<summary>标签内部使用<h2><h1>标签是否有效?

2个回答

9

语义取决于您拥有的具体内容和它出现的上下文。

从有效性角度来看,规范 表示:

内容模型
短语内容,可与标题内容交错。

因此,它是有效的。


4

当然可以,但您需要使用CSS进行一些样式设置以避免换行。要测试可用性,请使用W3-Validator并使用W3Schools

<!DOCTYPE html>
<html>
<head>
    <title>HTML Summary usage</title>
</head>
<body>
  <details>
    <summary><h1>Copyright 1999-2014.</h1></summary>
    <p> - by Refsnes Data. All Rights Reserved.</p>
    <p>All content and graphics on this web site are the property of the company Refsnes Data.</p>
  </details>

  <p><b>Note:</b> The summary element is not supported in Edge/Internet Explorer.</p>
</body>
</html>

这个问题涉及语义学。你为什么要谈论CSS、包裹和布局呢? - BoltClock
9
@BoldClock:在<summary>标签内部加入<h2>标签。因为标准的<summary>标签带有可点击的箭头来展开详情。如果使用没有CSS样式的<h2>标签,箭头会出现在标题的上方,看起来不太整洁。这只是一个提示。 - Htaccess24

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接