在这新的一周里， 我们开始学习了新的html5。在之前的HTML页面中，大家基本上都是用了Div+CSS的布局方式。而搜索引擎去抓取页面的内容的时候，它只能猜测你的某个Div内的内容是文章内容容器，或者是导航模块的容器，或者是作者介绍的容器等等。也就是说整个HTML文档结构定义不清晰，但是在html5中就学习了很多新的标签来解决这些问题。
<section>标签，定义文档中的节。
<section>
<h1>这是我自己的section测试</h1> <p>The People's Republic of China was born in 1949...</p></section>section 应用的典型场景有文章的章节、标签对话框中的标签页、或者论文中有编号的部分。
通常不推荐为那些没有标题的内容使用section元素<hgroup> 标签用于对网页或区段（section）的标题进行组合。
<hgroup> <h1>Welcome to my WWF</h1> <h2>For a living planet</h2></hgroup><header>标签
<header>
<h1>Welcome to my homepage</h1><p>My name is Donald Duck</p></header>等等...
然后， 还有拖拽的运用 实例代码：
<script type="text/javascript">
function allowDrop(ev) { ev.preventDefault(); } function drag(e){ e.dataTransfer.setData("Text",e.target.id); } function drop(e){ var data= e.dataTransfer.getData('Text') e.target.appendChild(document.getElementById(data)); e.preventDefault(); }</script><body><div id="div1" οndrοp="drop(event)" οndragοver="allowDrop(event)" ></div><br /><p id="drag1" draggable="true" οndragstart="drag(event)">这是一段可移动的段落。请把该段落拖入上面的矩形。</p>
以及对cookie的认识和运用
某些 Web 站点在您的硬盘上用很小的文本文件存储了一些信息，这些文件就称为 Cookie。设置cookie
每个cookie都是一个名/值对，可以把下面这样一个字符串赋值给document.cookie：document.cookie="userId=828"; document.cookie="userId=828 " document.cookie="userName=hulk"在cookie的名或值中不能使用分号（;）、逗号（,）、等号（=）以及空格。
最后就是对html中画布的认识与运用
使用画布呢 首先要判断你的浏览器是否支持画布功能
首先获取 canvas 对象，然后调用 canvas 对象的 getContext 方法，这个方法目前只能传入参数 "2d"
eg：
var canvas = document.getElementById('first');
var ctx = canvas.getContext('2d');Internet Explorer 9、Firefox、Opera、Chrome 以及 Safari 支持 fill() 方法。注释：Internet Explorer 8 或更早的浏览器不支持 <canvas> 元素。canvas元素绘制图像的时候有两种方法，分别是
context.fill()//填充 context.stroke()//绘制边框
style:在进行图形绘制前，要设置好绘图的样式
context.fillStyle//填充的样式 context.strokeStyle//边框样式这就是这一周来的一个大概。