过去不论酸甜苦辣，不管悲欢离合，或是各种爱恨情仇我们都一笔勾销。今天，让我们重新来互相认识。
墨上花开：HTML有很多属性是global的，比如：
accesskey可以用来快速使当前元素获得焦点的快捷键
<!DOCTYPE HTML>
<html>
<body>
<a href="http://www.w3school.com.cn/" accesskey="w">W3School</a><br />
<a href="http://www.google.com/" accesskey="g">Google</a>
</body>
</html>
注释：请使用 Alt +accessKey来访问带有快捷键的元素。
contenteditable 元素里的内容是否可以被修改。
draggable 标明元素是否可以被拖拽
contextmenu 属性为元素规定上下文菜单。这个菜单会在用户右键点击元素时出现。（目前没有任何浏览器支持这个标签）
【大写的冷漠脸】
dir 属性规定元素内容的文本方向。
tabindex 属性规定元素的 tab 键控制次序（当 tab 键用于导航时）。
spellcheck 属性规定是否对元素进行拼写和语法检查。
dropzone 属性规定在元素上拖动数据时，是否拷贝、移动或链接被拖动数据。
锦上添花：HTML基础知识
图层定义常见的属性设置：
position:绝对定位和相对定位 (abosolute,relative)
height:模块的高度
width:模块的宽度
left:相对于窗口左边的位置
top:相对于窗口上边的位置。
在网页设计中，有时会将多个标题进行组合，这时<hgroup>可以对封装多个h标签，不影响html文档的大纲。代码使用如下：
<hgroup>
<h3>Hello</h3>
<h3>World</h3>
</hgroup>
柳暗花明：<section>与<article>
<section>顾名思义就是一个章节，它适用于对文档进行分块，将文档划分为章节，或者对一篇文章进行分块，将整篇文章分成不同的内容块。<section>一般包含h1-h6的标题元素，一般不用包含header和footer标签。代码如下：
<section>
<h1>这是一个子标题</h1>
<p>第一个子标题描述的内容</p>
</section>
<section>
<h1>这是另一个子标题</h1>
<p>这是另一个子标题描述的内容</p>
</section>
<artice>标签是特殊的<section>标签，与<section>不同，<artice>标签是将文档或文章中的内容划分为相对独立的模块，当然，我们所说的独立是指同一级别的artice标签中的内容是相互独立，所以一般在artice标签内一般包含header和footer标签。<artice>标签修饰的内容一般为论坛帖子，杂志或新闻文章，博客，用户提交的评论等。使用代码如下：
<artice>
<header>
<h2>撰稿人：小明</h2>
<p><time pubdate="2014-9T:21-23:00">2小时前</time></p>
</header>
<p>小明的文章写的真好---</p>
</artice>
<artice>
<header>
<h2>撰稿人：小张</h2>
<p><time pubdate="2014-10-9T：21-23：00">2小时前</time></p>
</header>
<p>小张的文章写的真好</p>
</artice>
由上面的举例，我们可以通过下面的方式区分两者的使用：假设我们修饰的内容为A，如果A脱离了整体依旧能成为独立的整体，那么我们选择artice修饰，如果脱离整体只能作为独立的部分，我们就用section修饰，以下用代码举例：
<artice>
<header>
<h1>大家好，我是小丽</h1>
</header>
<p>本文介绍小丽喜欢的水果</p>
<section>
<h2>小丽最喜欢的是石榴</h2>
<p>石榴营养丰富</p>
</section>
<section>
<h2>小丽第二喜欢的是葡萄</h2>
<p>葡萄可以美容</p>
</section>
</artice>
总结：从理论上讲，适用artice的都适用section，反之不一定。
