• 技术文章 >web前端 >前端问答

    html怎么设置header

    藏色散人藏色散人2021-06-03 15:38:17原创68

    html设置header的方法:首先创建一个HTML示例文件;然后在body中输入“<header></header>”标签;最后在该标签内输入文档或者文档的一部分区域的页眉内容即可。

    本文操作环境:windows7系统、HTML5版、Dell G3电脑。

    html怎么设置header?

    <header> 标签定义文档或者文档的一部分区域的页眉。

    <header> 元素应该作为介绍内容或者导航链接栏的容器。

    在一个文档中,您可以定义多个 <header> 元素。

    注释:<header> 标签不能被放在 <footer>、<address> 或者另一个 <header> 元素内部。

    注:IE 9、Firefox、Opera、Chrome 和 Safari 支持 <header> 标签。

    注释:IE 8 或更早版本的 IE 浏览器不支持 <header> 标签。

    示例:<article> 的页眉

    <!DOCTYPE html>
    <html>
    <head> 
    <meta charset="utf-8"> 
    <title>/title> 
    </head>
    <body>
    <article>
      <header>
        <h1>Internet Explorer 9</h1>
        <p><time pubdate datetime="2011-03-15"></time></p>
      </header>
      <p> Windows Internet Explorer 9(缩写为 IE9 )是在2011年3月14日21:00发布的</p>
    </article>
    </body>
    </html>

    效果:

    832ab24c86fad07c44101bc16198cee.png

    【推荐学习:html视频教程

    以上就是html怎么设置header的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:html header
    上一篇:html怎么设置图片按钮 下一篇:html背景图片怎么设置平铺方式
    第16期线上培训班

    相关文章推荐

    • header是什么元件• 如何解决html tomcat乱码问题• html怎么禁止另存• html怎么增加一行• html怎么设置图片按钮

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网