块在块中垂直居中(position:absolute; top:50%; margin-top:-二分之一高度)块在块中水平居中(子元素设置margin:0 auto 或auto)用方法1将垂直水平同时居中 #box { width: 100px; height: 80px; background-color: gray; position:absolute; top:50%; left:50%; margin-top:-40px;<!--向上高度一半--> margin-left:-50px;<!--向左宽度一半-->}原文：http://www.cnblogs.com/sweetXiaoma/p/5860439.html
<article>标签定义外部的内容（结构元素）<section>标签定义文档中的节（section，区段）。比如章节，页眉，页脚或文档中的其他部分（结构元素）<nav>引导和导航内容链接<aside>定义页面内容之外的内容。 aside的内容与article的内容相关。（结构元素）<meter>定义预定义范围内的度量。仅用于已知最大和最小值的度量（内联元素）<progress>定义任何类型的任务的进度。可以使用<progress>标签来显示javascript中耗费时间的函数的进度...
事件触发模型简要说明onclick鼠标单击链接ondbclick鼠标双击链接onmousedown鼠标在链接的位置按下onmmouseout鼠标移出链接所在的位置onmouseover鼠标经过链接所在的位置onmouseup鼠标在链接的位置放开onkeydown键被按下onkeypress按下并放开该键onkeyup键被松开onblur失去焦点onfocus获得焦点onchange文本内容改变原文：http://www.cnblogs.com/mianfen/p/5617950.html
<mark>、<figure>、<figcaption>、<details>、<summary>、</progress>、<ol>(新增属性)<!DOCTYPE html><html><head><meta charset="utf-8"><title>页面增强元素</title></head><body><!--mark元素，高亮或标记--><p>纪念中国人民<mark>抗日</mark>战争暨世界反法西斯战争胜利70周年阅兵式（简称9·3阅兵，或者抗战胜利日大阅兵），是中国政府为纪念中国人民抗日战争暨世界反法西斯战争胜利70周年而开展的众多纪念活动中的一项活动。...
情况一：宽高都写在样式表里，即外部样式或嵌入式样式，比如#div1{width:120px;}。这种情况通过#div1.style.width拿不到宽度，而通过#div1.offsetWidth才可以获取到宽度。情况二：宽和高是写在行内中，即内联式样式，比如style="width:120px;"，这中情况通过上述2个方法都能拿到宽度。因为id.offsetWidth和id.offsetHeight无视样式写在样式表还是行内，所以我们获取元素宽和高的时候最好用这2个属性。注意如果不是写在行内style中的...
段落相关标签<p><br><hr>格式化相关标签<small><sub><sup><pre>列表相关标签<ol><ul><li>图片相关标签<img>超链相关标签<a>本章重点：段落相关标签，超链标签本章难点：超链相关标签<a>一、 段落相关标签标题元素： 标题元素由标签<h1>到<h6>定义。<h1>定义了最大的标题元素，<h6>定义了最小的。 <h1>This is a heading</h1> <h2>This is a heading</h2> <h3>This is a heading</h3> <h4>This is a heading</h4> <h5>This is a he...
HTML5之前，要实现网页元素的拖动操作，需要依靠mousedown、mousemove、mouseup等API，通过大量的JS代码来实现；HTML5 中引入了直接支持拖动操作的API，大大简化了网页元素的拖动操作编程难度，并且这些API除了支持浏览器内部元素的拖动外，同时支持浏览器和其它应用程序之间的数据互相拖动。 本文通过一个简单示例，演示HTML5中拖动API的使用方法。场景： 如下图所示，我们要实现： 通过拖动将照片从左侧“相册”区域拖拽到右侧“...
meta元素有两种用途。 用途1：向浏览器传递网页的一些信息，浏览器根据这些信息规定的方式解析和显示网页。或者说，meta元素规定了浏览器解析和显示网页的方式。 用途2：向搜索引擎传递网页的一些信息，引导搜索引擎工作。 具体如下所述。 1 meta元素的类型和用途 meta元素有三种基本类型。 meta元素类型用途用户charset说明页面文件的字符编码浏览器http-equiv说明处理和显示页面的方式浏览器name说明页面的基本情况搜索引擎 2 ...
DOM ：文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。getElementsByName()方法 ：返回带有指定名称的节点对象的集合。语法 ： document.getElementsByName(name)与getElementById() 方法不同的是，通过元素的 name 属性查询元素，而不是通过 id 属性。 注意: 1. 因为文档中的 name 属性可能不唯一，所有 getElementsByName() 方法返回...
一、新增的结构元素1、section元素表示页面中的一个内容区块，比如章节、页眉、页脚或页面中的其他部分。它可以与h1、h2、h3、h4、h5、h6等元素结合起来使用，标示文档结构。 h5中的代码事例：<section></section> h4中的代码事例：<div></div>2、article元素表示页面中的一块与上下文不相关的独立内容，譬如博客中的一篇文章或报纸中的一篇文章。 h5中的代码事例：<article><article> h4中的代码事例：<div></div>3、...
欢迎大家阅读HTML5 Canvas（画布）实战编程初级篇系列，在这个系列中，我们将介绍最简单的HTML5画布编程。包括：画布元素绘制直线绘制曲线绘制路径绘制图形绘制颜色，渐变和图案绘制图片绘制文本相关要求环境要求：Google Chrome, Firefox, Safari, Opera, 或者 IE9以上的现代浏览器编程要求：需要有基础的HTML和Javascript编程经验，相关的画布编程将调用Javascript API来处理HTML Canvas基本元素HTML5中包含一个专门为HTML画布功...
此方法用于把所有匹配的元素替换成指定的HTML或DOM元素 content(String, Element, jQuery, Function) 用于将匹配元素替换掉的内容。如果这里传递一个函数进来的话，函数返回值必须是HTML字符串。 fn 返回THML字符串，用来替换的内容。实例:<html lang=‘zh-cn‘> <head> <title>Insert you title</title> <meta http-equiv=‘description‘ content=‘this is my page‘> <meta http-equiv=‘keywords‘ conte...
常见的块状元素与内联元素块状元素内联元素address - 地址blockquote - 块引用center - 居中对齐dir - 目录列表div - 常用块级容易，也是CSS layout的主要标签dl - 定义列表fieldset - form控制组form - 交互表单h1 - 大标题h2 - 副标题h3 - 3级标题h4 - 4级标题h5 - 5级标题h6 - 6级标题hr - 水平分隔线isindex - input prompt menu - 菜单列表noframes - frames可选内容，（对于不支持frame的浏览器显示此区块内容 noscrip...
* HTML5 现在已经不是 SGML 的子集，主要是关于图像，位置，存储，多任务等功能的增加。 * 绘画 canvas 用于媒介回放的 video 和 audio 元素 本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失; sessionStorage 的数据在浏览器关闭后自动删除 语意化更好的内容元素，比如 article、footer、header、nav、section 表单控件，calendar、date、time、email、url、search 新的技术 webworker, websockt, Geolocation * ...
<b> 定义粗体文本,可以定义id,class,style和onclick等各种事件属性<i> 定义斜体文本，,可以定义id,class,style和onclick等各种事件属性<em> 定义强调文本，但是实际效果于斜体文本差不多，,可以定义id,class,style和onclick等各种事件属性<strong> 定义粗体文本，与<b>用法和效果都差不多<small> 定义小号字体文本，,可以定义id,class,style和onclick等各种事件属性<sup> 定义上标文本,可以定义id,class,style和onclic...