当前位置:Gxlcms > 前端框架 > html怎么设置header

html怎么设置header

时间:2021-07-01 10:21:17 帮助过:128人阅读

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的详细内容,更多请关注gxlcms其它相关文章!

人气教程排行