Header标签:页眉-页脚标签内节标签(html footer tag)

我是新的 HTML5 标记。

我想知道是否允许在节标签中有一个页眉和页脚标签,如下所示:

<section>
  <header>
    <h2>HEADER</h2>
  </header>
  <p>Section's Content</p>
  <footer>
    <h2>FOOTER</h2>
  </footer>
</section>

或者最好用 div 标签替换它们并为它们设置类。

提前谢谢你。

3

根据 MDN,你可以使用它。

Header tag允许的父级:Any element that accepts flow content。请注意,元素不能是<address>, <footer>或其他<header>元素的后代。

Footer tag允许的父级:Any element that accepts flow content。请注意,元素不能是<address>, <header>或其他<footer>元素的后代。

sectionflow content element。您可以在其中包含页眉和页脚标记。

0

最好的做法是做类似的事情(您也可以将section替换为div,如果您愿意)

  <header>
    <h2>HEADER</h2>
  </header>
  <section>
    <p>Section's Content</p>
  </section>
  <footer>
    <h2>FOOTER</h2>
  </footer>
0

您可以根据需要拥有尽可能多的标题标签,并将它们放置在几乎任何其他元素中,但有一些例外:

Header
https://www.w3schools.com/tags/tag_header.asp

注意:<header>标记不能放在<footer><address>或其他<header>元素中。

Footer
https://www.w3schools.com/tags/tag_footer.asp

<footer>标签定义文档或节的页脚。

所以<header><footer>在部分内很好,相应的 w3c 链接甚至明确表示它们可以在部分内使用。

本站系公益性非盈利分享网址,本文来自用户投稿,不代表边看边学立场,如若转载,请注明出处

(402)
Html选择框代码:HTML颜色选择器与颜色框(html color finder)
上一篇
少儿编程有考级吗:过程编程比OOP有什么优势吗(benefits of oop)
下一篇

相关推荐

  • html浏览器兼容代码:Hello World

    HTML浏览器兼容代码是指为了让不同的浏览器能够正常显示和支持网站内容,而编写的代码。具体来说,就是在编写 HTML 代码时,要遵循 W3C 标准,使用相应的代码规范,以确保网页在不同的浏览器中能够正常显示,从而达到浏览器兼容的目的。…

    2023-03-14 10:13:02
    0 20 88
  • html5网页代码模板:为Hello World的网页 Hello World

    HTML5网页代码模板是一种可以快速创建基于HTML5的网页的模板,它可以帮助开发者快速构建出高质量的网站。下面是一个简单的HTML5网页代码模板示例:…

    2023-01-11 02:11:52
    0 41 28
  • html重置代码:Hello World!

    示例示例HTML重置代码是一种CSS代码,用于重置浏览器默认样式。它可以让你的网站在不同的浏览器中看起来更一致。下面是一个HTML重置代码的示例:…

    2023-01-11 14:26:15
    0 57 23
  • Html标题代码:HTML邮件标题(html header for email)

    关于Html标题代码的问题,在html header for email中经常遇到,我在我的 Ubuntu 服务器上设置了 PHP 和 Postfix。我需要从 PHP 脚本发送 HTML 电子邮件。电子邮件发送得很好,但它显示为包含 HTML 标签的纯文本。此外,一些标题也显示在电子邮件本身中。…

    2022-11-23 08:45:03
    0 78 93
  • android svg使用:Using SVG in Android for Beautiful and Scalable Gr

    Android SVG 使用是指在 Android 平台上使用 SVG(Scalable Vector Graphics)文件。SVG 是一种 XML 格式的图像文件,具有良好的可伸缩性,可以根据不同的分辨率自动适应。…

    2023-02-24 12:22:45
    0 64 91
  • php接收post请求:为hello world的html页面 Hello World

    示例示例PHP接收POST请求的方式有两种:使用$_POST变量…

    2023-02-05 06:47:41
    0 68 63
  • win10 字体文件夹:Unlock the Power of Windows 10 Fonts

    Windows 字体文件夹是一个存放系统字体的文件夹,它位于 C:\Windows\Fonts 目录中。该文件夹包含了 Windows 系统所使用的所有字体,如宋体、微软雅黑、Arial 等,这些字体可以在应用程序中使用。以下是检索 Windows 字体文件夹的代码:…

    2023-03-25 10:41:31
    0 32 54
  • html网页背景颜色:Beauty of the Html Webpage Background Color

    html网页背景颜色可以通过CSS中的-color属性来设置,代码如下:…

    2023-03-09 03:00:45
    0 30 19

发表评论

登录 后才能评论

评论列表(27条)