Head和header区别——学习Html5笔记

383 阅读2分钟

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

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

Head元素和header元素的区别

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>header</title>
</head>
<body>
<header>
</header>
</body>
<html>

代码1

在Html5中,是头元素。

91b1126884bf3def66ee83a66f758af6_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpg
(图1)

元素的内容在web页面中是不显示出来的,看不见的头文件,它主要是用来引用脚本和做seo用,脚本一般有Css,JavaSript等,在Html5基础结构如图1。

74f85c47d74fece129d2e853b9aa4e26_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpg
(图2)

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

更多内容请看
虎哥引流器

http://2008622.3vfree.cc/GongNengYie.html