本周总结8.2-8.9

最新推荐文章于 2024-09-26 13:36:17 发布

weixin_33831673

最新推荐文章于 2024-09-26 13:36:17 发布

阅读量59

点赞数

原文链接：http://www.cnblogs.com/liudayu/p/4716826.html

版权

　　在这新的一周里，我们开始学习了新的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>

等等...

然后，还有拖拽的运用实例代码：

以及对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//边框样式

这就是这一周来的一个大概。

转载于:https://www.cnblogs.com/liudayu/p/4716826.html