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 链接甚至明确表示它们可以在部分内使用。

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

(110)
同志chinese东北小伙gay:HTML5导航标签正确使用(nav gay)
上一篇
编程特技狗怎么编程:从PlatformIO编程NRF52840加密狗
下一篇

相关推荐

  • html hello world代码:Hello World

    Hello World代码如下:…

    2023-08-12 15:17:14
    0 36 82
  • html浏览器兼容代码:Hello World

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

    2023-03-14 10:13:02
    0 77 79
  • html嵌入js代码:My Title Hello World! document.write(

    示例示例HTML嵌入JS代码指的是将代码写在HTML文件中,以便在浏览器中运行。下面是一个示例:…

    2023-06-07 09:51:46
    0 98 49
  • html代码hr表示什么分割线

    示例示例HTML代码hr表示水平线,它可以用来将文档分割成不同的部分,以提高页面的可读性。下面是一个hr标签的示例代码:…

    2023-05-01 14:39:41
    0 88 94
  • html怎么做网页动态背景:Dynamic Background

    使用HTML和CSS来实现网页动态背景的方法如下:使用CSS3中的属性:…

    2023-08-13 12:04:44
    0 85 71
  • php格式化html:Hello World!

    PHP格式化HTML的主要目的是使HTML更易读,更容易维护和编辑。它可以帮助你更容易地找到HTML中的错误,并使代码更具可读性。…

    2023-04-16 06:41:22
    0 65 14
  • html外部样式:Hello World

    html外部样式指的是在HTML文件中使用外部CSS文件来定义样式。在HTML文件中,可以通过标签将外部CSS文件引入,然后在CSS文件中定义样式。…

    2023-06-12 12:33:26
    0 82 52
  • markdown嵌入html代码:标题

    Markdown嵌入HTML代码是指在Markdown文件中使用HTML标签来实现更丰富的文本效果,它可以帮助我们更好地表达我们的想法。…

    2023-06-28 02:35:54
    0 76 70

发表评论

登录 后才能评论

评论列表(41条)