整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
绍了在HTML5中具体新增了哪些结构元素，以及这些元素的定义和使用方法。
接下来看一下在HTML5中进行总体页面布局的时候，具体应该怎样运用这些结构元素。
大纲
通过使用新的结构元素，HTML5的文档结构比大量使用div元素的HTML 4的文档结构更加清晰明确。
如果再规划好文档结构的大纲，就可以创建出对于阅读者或屏幕阅读程序来说，都很清晰易读的文档结构。
所谓大纲，简单来说就是文档中各内容区块的结构编排。
内容区块可以使用标题元素（hl~h6）来展示各级内容区块的标题。
综合运用各级内容区块的标题创建好文档的目录后，该目录就成为一个大纲了。
关于内容区块的编排，可以分为“显示编排”与“隐式编排”两种方式。
显式编排
显式编排是指明确使用section等元素创建文档结构，在每个内容区块内使用标题（h1~h6、hgroup等），显式编排内容区块的代码如下。
<body>
<h1>网页内容区块的标题</h1>
<p>网页内容区块的正文</p>
<section>
<h2>section 内容区块的标题</h2>
<p>section 内容区块的正文</p>
</section>
</body>
隐式编排
隐式编排是指不明确使用section等元素，而是根据页面中所书写的各级标题（h1~h6、hgroup等）
把内容区块自动创建出来。因为HTML5分析器只要看到书写了某个级别的标题，
就会判断存在相对应的内容区块。隐式编排内容区块的代码如下。
<body>
<h1>网页内容区块的标题</h1>
<p>网页内容区块的正文</p>
<!--分析器根据h2 等元素判断生成内容区块-->
<h2>section 内容区块的标题</h2>
<p>section 内容区块的正文</p>
</body>
两种编排方式进行对比，很明显，显式编排更加清晰、易读。
喽大家好，我是作者“未来”，本期分享的内容是Web前端系列课程，本系列总共29个阶段，坚持学习3个月蜕变为Web前端高手哦！
志同道合的小伙伴跟我一起学习交流哦！
1 HTML初识
一般先学习html+css，这里我们先定一个小目标，先学HTML，后学习CSS。
HTML（英文 Hyper Text Markup Language的缩写）中文译为超文本标签语言"，主要是通过HTML标签对网页中的文本、图片、声音等内容进行描述。
<strong>我是加粗的字体</strong>
注：HTML就是一种文本标签语言，唯一的标签就是 < >
2 HTML骨架格式
日常生活的书信，我们要遵循共同的约定。
同理：HTML有自己的语言语法骨架格式：
<html> <head> <title></title> </head> <body> </body> </html>
3 我的第一个页面及其标签简介
用记事本写下如下代码，保存为html文件，用浏览器打开，即可展示。
<html> <head> <title>我的第一个网站</title> </head> <body> 我终于制作了自己的第一个页面！！ </body> </html>
html标签：所有html中标签的一个根节点。
head标签：用于存放：title ,meta, base， style， script， link
注意，在head标签中我们必须要设置的标签是title
title标签：让页面拥有一个属于自己的标题。
body标签：页面在的主体部分，用于存放所有的html标签：p， h， a， b， u， i， s， em， del， ins， strong， img
4 猪八戒版骨架记忆法
看不懂的小伙伴不要气馁，后续的分享中将持续解释，只要你跟着我分享的课程从头到尾去学习，每篇文章看三遍，一个月后，回过头来看之前的文章就会感觉简单极了。
本章已结束，下篇文章将分享《04HTML常用标签》小伙伴们不要错过哟！
这之前，首先给大家说声抱歉，因为一些私事，所以头条号断更了3天，再次给大家表达歉意。
html5
xhtml文档是html文档向html5过渡的一个版本，html5基本遵循xhtml规范文档要求的。我们先看一下XHTML1.0。
先指定一下名字空间
实际用处不大，所有的文档名字空间值都是一样(http://www.w3.org/1999/xhtm）
再看一下：
xml声明文档类型
以上文档结构感觉比较复杂，没有html5文档简单，看下图html5文档结构：
html5文档结构
再接下来大家可以看一看，比较详尽的html5文档结构：
html5文档结构 （与下图链接）
html5文档结构 （与上图链接，与下图链接）
以上是完整的html5文档结构
当然，最简单的就是<!DOCTYPE HTML> 声明一下，其他的都可以不要，也是html5文档
最简单一句话就够了，大小写也随意，都可以
跟一般的html文档相比，简短得很多，下图：
html5声明和html声明
以上内容就是html5文档结构，大家可以熟悉看一看，在此再次表达歉意，也违背了这个标题，抱歉！
*请认真填写需求信息，我们会在24小时内与您取得联系。
