总体把页面一分为二，header是包含在article里面的，页脚部分是单独的一块儿。大致结构获悉了后再从局部入手，header部分，有主标题、副标题、还有作者署名，前面我们讲过，如果除了主标题，还有一个副标题，那可以把这两个标题写在一个hgroup元素中。如果除了主标题之外，还有其他内容，比如内容摘要、发表时间、作者、图片或者小标题链接等，那就应该把他们放在一个 header元素中。
创新互联建站主营贵德网站建设的网络公司,主营网站建设方案,成都APP应用开发,贵德h5微信小程序开发搭建,贵德网站营销推广欢迎贵德等地区企业咨询
header
hgroup
h1给个人博客增加色彩元素提升网站用户体验/h1
h2网页的色彩——决定用户是否驻足停留的关键/h2
/hgroup
p class="Byline"design by DanceSmile/p
/header
接下来是文章正文部分：
部分代码：
div class="Content"
p第一眼看到杨青个人博客网站的时候，如果你喜欢.../p
...
/div
正文当中还有一幅插图，html5新增加了插图这个figure语义元素，figcaption不是只能包含文本，任何html元素都可以，比如链接、小图标。figcaption包含了对图片的完整说明，所以alt文本就显得多于了，这种情况下，可以把img元素中的alt属性删除：
figure
img src="/d/file/jstt/bj/2013-06-19/200e781ddaa1d92cc3996637d06c38b2.jpg"
figcaption图片来源：腾讯CDC《浅析网页色彩应用》/figcaption
/figure
最后在把上面的代码写在article里面。
footer部分只是一些简单的页脚信息。
HTML的全称是超文本标记语言，是一种标记语言。它包括一系列标签，可以统一网络上文档的格式，将分散的互联网资源连接成一个逻辑整体。HTML是由HTML命令组成的描述性文本，可以解释文字、图形、动画、声音、表格、链接等。Html是一种用来描述网页的语言。它被称为超文本标记语言，它是一种标记语言。它包括一系列标签，可以统一网络上文档的格式，将分散的互联网资源连接成一个逻辑整体。
TML5是什么？
HTML5是指第5代HTML（超文本标记语言），也指用HTML5语言制作的一切数字产品。
网上的网页，多数都是由HTML写成的。
“超文本”是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
而“标记”指的是这些超文本必须由包含属性的开头与结尾标志来标记。
浏览器通过解码HTML，就可以把网页内容显示出来。
下图中就很清晰的指出了H5的涵盖范围：
HTML5之所以能引发如此广泛的效应，根本在于它不再只是一种标记语言，它为下一代互联网提供了全新的框架和平台，包括提供免插件的音视频、图像动画、本体存储以及更多酷炫而且重要的功能，并使这些应用标准化和开放化，从而使互联网也能够轻松实现类似桌面的应用体验。
