我有一个页面,其中包含blockquotes中的一些引文,关联的来源在嵌套的footer元素中.

例如

<!-- some html content -->

<blockquote>
 My very looooong citation about something ............
<footer>
  <cite> The Jungle book, p. 43 </cite>
 </footer>
</blockquote>

<! -- more html -->

问题是,当我打印页面时,来自footer元素的内容被添加到打印页面的全局页脚.

有什么解决办法吗?

推荐答案

MDN on <footer>人起:

HTML元素表示其最接近的祖先的页脚,分段内容或分段根元素

由于<blockquote>不是sectioning content,因此使用其中的<footer>元素来提供报价的附加信息是无效的.(小节内容元素为文章、旁白、导航、小节.最后,Body将是引用的元素.)

相反,使用下一个祖先分段内容.在你的例子中,我假设内容分布在几个页面上,因此页脚也会重复.

您可以将引号括在一个分段元素中,但从语义上看,简单地不使用<footer>元素似乎更正确.<cite>已经做得足够多了.

Html相关问答推荐

我需要两个HTML标签,以便当另一个隐藏时,一个可见,反之亦然

仅包含名为X的子元素的元素的XPath?

需要帮助实现悬停动画效果

Tumblr博客:如何修复提交页面和询问页面框列计数问题?

获得一个css框,以便在页面太小时不再粘在页面的角落.

元素在向x提供溢出时被隐藏

(HTML框架标签)点击后目标框架将不再工作

如何在 Bootstrap 5 中将两个导航栏元素放在末尾?

网格布局中的组件

如何在Go模板中传入途中创建的 map

为什么 Flexbox 中相邻元素上的 flex:1 会影响另一个元素的固定宽度?

如何调整底部有 SVG 的元素的高度,使其在所有宽度上看起来都不错?

用于表行组标题的正确 HTML 标记是什么?

那边界从何而来?

如何将某些 div 的高度限制为具有 display flex 行的同一父 div 中的其他 div?

HTML 标记未在页面上展开

CSS:如何在模糊的背景上剪切文本?

以 HTML 格式显示的 LaTeX 表格

我可以将两个元素之间的所有空间都放在弹性框或网格中吗?

使用 CSS 的发光边框动画没有流畅的过渡