某天在东湖公园周边喝早茶，修订下个季度文化传播作品，我刚吃了两口陈村粉突然网上女粉丝给我留言，问我有没有空一起逛华南植物园。 她说：“我今天来广州出差，刚好去华南植物园周边，要不要一起约会去玩下，正好有学Html5的问题想问下，顺便请你吃个午餐。 我问：“我们两个人去逛华南植物园吗?”。 她说：“当然，要不然怎么叫做约会。”，我想想也没什么坏事，就当去相亲吧。 来到华南植物园周边，找到女粉丝，她主动托着我的手，一起去吃自助餐。一边吃自助餐，我们一边聊天。 她问：“我看了你写的文化传播教程《Dreamwevaer》后，也上网学Html5,学Html5时遇到了一个问题，不知道head元素和Header元素它们不同在什么地方。这时我一边吃着陈皮鸡一边想了想，说：“等我吃饱了，和你一起逛华南植物园时在教你。”。

午餐过后，她又托着我的手，一起来到华南植物园。进到园内我们找了个地方坐到了一起，下面就开始聊聊，Head和Header放在一起有什么区别。我才刚开始讲，她就把头靠在了我头的旁边，听我讲Html5的故事。

代码1

在Html5中，是头元素。

（图1）

（图2）

在Html5中< header >叫作页眉，它在Html5基础结构中的< body >元素中，< head >和< header >最大的区别就是，< header >元素内容会显示在面，< head >元素内容不显示在页面中，< header >元素位置如图2在< body >元素内所以会在页面显示，< head >元素在< body >元素外的顶部所以不在页面显示。显示在页面中的内容都放在< body >元素中。 好！Html5学习笔记分享到这儿，如果喜欢，请关注、收藏、分享、点赞。

更多内容请看 虎哥引流器