HTML5 快速入门（2）
先把上一篇的html代码结构拿过来，因为我们已经完成了整体的结构，并且完善了head部分，这篇文章就是完善body里面的内容，看完这一篇html5 整体就结束了。恭喜各位看到这里！！！
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>木子聊前端</title>
<meta name="description" content="提供0到1到基础前端学习，实战层层深入,有问题咨询v:chinaynlmq-a">
<meta name="keywords" content="前端,javascript,html5">
</head>
<body>
<!-- --->
</body>
</html>
下面重点来看body里面，以下的内容都是放在body里面，在实验的时候自行加上整个文档内容。先从大块大块的地方开始。
一个网页的展示和world的展示差不多，整体结构有头部，内容展示，加粗，列表，图片，页脚，底部，排版，字体，表格 。。。
主体结构元素
内容区块：
说的是按照HTML逻辑分割后的单位，对于书籍来说，章、节等的内容都可以说是内容区块，对我们常见的博客网站来说，导航菜单，博客内容，博客品论，右边的广告等每一个部分都被称只为内容区块
article 标签
artice 代表文档、页面中独立的部分，可以单独使用，比如一篇博客或者一份报刊的正文，一个论坛帖子，一段用户评论或者其他独立的部分，都可以使用这个标签；
因此article 一般标准包含自己的标题，内容，页脚：
<body>
<article>
<header>木子聊前端</header>
<p>从0到1解析前端到整个开发过程，去繁就简，减少学习成本</p>
<footer>关注我或者加V:chinaynlmq</footer>
</article>
</body>
在浏览器打开开一下，这也是一个有头有尾的文章了，缩减版本的。article 展示了独立性、完整性
了解一下新加入的标签
- header 标签 一般放在文章或者内容区块的头部位置，放标题，清晰明了。不一定要放在article里面也可以放在外面
- p 标签定义段落。段落整个词很熟悉了把。p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间，您也可以在样式表中规定。
- footer 放在最末表示文章注脚
section 标签
section 通常对网站或者某个应用程序的整体内容分块，一般有内容和标题组成。
<section>
<h1>html5 入门第二篇之 section</h1>
<p>section 一般包含标题和内容</p>
</section>
新加入的标签：
- h1 是标题的意思 ，总共有 h1,h2,h3,h4,h5,h6 一组，大标题到小标题字体大小不一样
section 作用是在页面中分块或者在文章中分段，需要和article的‘有着独立性、完整性’区分：
分别举例说明分块和分段与article的区别
<article>
<header>html5 入门</header>
<p>html5 从零到会到基础认知</p>
<section>
<h1>html5 入门第一篇 html基础认知和基本结构</h1>
<p>完善head 到头部内容<
最低0.47元/天 解锁文章
2864
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
