开发者学堂课程【HTML 基础入门学习：html 结构】学习笔记与课程紧密联系，让用户快速学习知识
课程地址：https://developer.aliyun.com/learning/course/465/detail/5713
html结构
内容简介
一、html 结构
二、头部 head、身体 body
一、html结构
1.实例展示
//写入 html，快捷生成以后其会生成 html 主要骨架：
<!DOCTYPE html>
<html>
<head>
<title></title>
<head>
<body>
</body>
</html>
以上就是最简单的 html 代码。
2.构成
Html 代码由头部和身体构成。
<html>
<head></head> //头部
<body></body> //身体
</html>
//比如：
<head>
<html>
<title></title>
</head>//头部
<body>
</ body>//身体
</html>
二、头部 head、身体 body
1.头部 head
包含网页标题、描述、关键词、引用的样式文件、引用的脚本文件等。
相对来说这个页面更加提炼，能够表达这个页面的信息，内容都会在这个地方。故网页的标题、描述、关键词、引用的样式文件、字符集等等都会在头部描绘出来。就像人一样，人的一些想法、思想都会从头部体现。
一个网页核心的信息都会在头部展示，以及一些引用的样式文件、脚本文件都在头部里去引用。
2.身体 body
包含网页所有显示的内容，引用的脚本文件等。比如打开一个网站，网页所显示的内容都是 body 部分的。
3.包含内容
head 部分包含网页的一些核心重要内容，比如标题、描述、关键词等等，而 body会包含网页显示，人们看到的内容都在 body 里。
4.注意事项
头部 head 标签里的内容在网页里是看不到的，而只有在 body 的才可以在网页中看到。
5.实例
打开百度，右键进入审查元素，会发现所有能看到的内容都是放在<body>里的，当指向 body 时整个页面会变成蓝色，说明整个页面都是 body 的。
Head里存放着众多脚本，和页面上的内容不是直接的关系，因为里面会有很多引用的重要的信息，只有网页标题等主要内容放在head里。
页面中显示的字或图片基本上都是属于 body 里的内容。比如在百度 logo 上右键进入审查元素可以看到在代码中存在于 body 之中。
6.总结
Html 主体结构分为两部分:一部分头，一部分身体。
头（head）里面主要放页面中主要内容，核心内容和一些介绍内容。
身体（body）里面放的就是真正的网页要显示的内容。
