与HTML一global

过去不论酸甜苦辣，不管悲欢离合，或是各种爱恨情仇我们都一笔勾销。今天，让我们重新来互相认识。

墨上花开：HTML有很多属性是global的，比如：

---

accesskey可以用来快速使当前元素获得焦点的快捷键

W3School

Google

注释：请使用 Alt +accessKey来访问带有快捷键的元素。

contenteditable 元素里的内容是否可以被修改。

contenteditable属性

draggable 标明元素是否可以被拖拽

draggable属性值

contextmenu 属性为元素规定上下文菜单。这个菜单会在用户右键点击元素时出现。（目前没有任何浏览器支持这个标签）

                                  【大写的冷漠脸】

dir 属性规定元素内容的文本方向。

dir属性值

tabindex 属性规定元素的 tab 键控制次序（当 tab 键用于导航时）。

tabindex属性值

spellcheck 属性规定是否对元素进行拼写和语法检查。

spellcheck属性值

dropzone 属性规定在元素上拖动数据时，是否拷贝、移动或链接被拖动数据。

dropzpne属性值

---

锦上添花：HTML基础知识

---

图层定义常见的属性设置：

position:绝对定位和相对定位 (abosolute,relative)

height:模块的高度

width:模块的宽度

left:相对于窗口左边的位置

top:相对于窗口上边的位置。

在网页设计中，有时会将多个标题进行组合，这时

可以对封装多个h标签，不影响html文档的大纲。代码使用如下：

Hello

World

---

柳暗花明：

与

---

顾名思义就是一个章节，它适用于对文档进行分块，将文档划分为章节，或者对一篇文章进行分块，将整篇文章分成不同的内容块。

一般包含h1-h6的标题元素，一般不用包含header和footer标签。代码如下：

这是一个子标题

第一个子标题描述的内容

这是另一个子标题

这是另一个子标题描述的内容

标签是特殊的

标签，与

不同，标签是将文档或文章中的内容划分为相对独立的模块，当然，我们所说的独立是指同一级别的artice标签中的内容是相互独立，所以一般在artice标签内一般包含header和footer标签。标签修饰的内容一般为论坛帖子，杂志或新闻文章，博客，用户提交的评论等。使用代码如下：

撰稿人：小明

2小时前

小明的文章写的真好---

撰稿人：小张

2小时前

小张的文章写的真好

由上面的举例，我们可以通过下面的方式区分两者的使用：假设我们修饰的内容为A，如果A脱离了整体依旧能成为独立的整体，那么我们选择artice修饰，如果脱离整体只能作为独立的部分，我们就用section修饰，以下用代码举例：

大家好，我是小丽

本文介绍小丽喜欢的水果

小丽最喜欢的是石榴

石榴营养丰富

小丽第二喜欢的是葡萄

葡萄可以美容

总结：从理论上讲，适用artice的都适用section，反之不一定。