王魏前端博客

Html5与html相比，有哪些特点：

一.首先是标签部分的简洁:

1.声明部分简洁化，之前，我们分为声明又臭又长, 不知道你能敲下来不，反正我不行，这是w3school的文档。

1.声明部分简洁化，之前，我们分为声明又臭又长, 不知道你能敲下来不，反正我不行，这是w3school的文档。

a.XHTML Strict DTD 如果您需要干净的标记，免于表现层的混乱，请使用此类型。

阅读全文——共4519字

一：onmousemove与onmouseover的区别

时间上 onmousemove 事件触发后，再触发 onmouseover 事件。

按钮上 不区分鼠标按钮。

动作上 onmouseover 只在刚进入区域时触发。 onmousemove 除了刚进入区域触发外，在区域内移动鼠标，也会触发该事件。

当鼠标移动很快时，可能不会触发这两个事件

阅读全文——共453字

这些天战争项目组Facebook平台中用到Email邮件发送，我们之前用的是自己的邮件系统，但是被当作垃圾邮件几率很高，由于Facebook平台也有自己邮件接口，所以我这次就尝试用Facebook自己的notifications.sendEmail接口来处理。

Facebook发送邮件接口：notifications.sendEmail

FB.api(

{

阅读全文——共2640字

做项目中遇到图片，容器垂直居中问题，这个问题是个老问题，今天总结一下：

查看综合版Demo实例，请点击Vertically我

1.容器中背景图片垂直，水平居中（所有浏览器通过，无须考虑ie浏览器兼容性，background中50% 50%完全搞定）

20

阅读全文——共1896字

今天向大家推荐4款Windows下的免费HTML & CSS编辑器，以下是文章内容：

1. Notepad2

Notepad2是Windows下最流行的应用工具之一，是一个快速，轻量级，简洁的应用程序。Notepad2没有花俏的功能，但如果你只是需要一个手写代码的程序，它可能适合你。

下载地址：http://www.flos-freeware.ch/notepad2.html

阅读全文——共478字

上周我们总结会上面主题的第二部分就是关于Html5的，后来自己想总结一下Html5 的支持列表，写了许久，无果。终于在牛逼众多的文章中，发掘了这篇超长，但是超级完整Html5方面资料的汇总文章，堪称目前互联网方面最全，最经典的一篇关于Hmtl5方面的文章了。涉及到了我想到的，以及好多没想到的好东东。本文属于FYI。原文请看：HTML5 Unleashed: Tips, Tricks and Techniques。

现今我们能用 HTML5 吗，能用它做些什么呢，是否真的是 Flash 杀手？想必你也注意到了这些日渐增长且常被问起的类似问题，被讨论着，甚至被回答过。在我看来，你必须自己回答这些基本的问题。

这篇文章的本意是想帮你通过一些基本指南的学习，以轻松学习代码模板。一旦你熟悉了这些基本，并想更进一学习，你还将会找到更多提供了建议、技巧和技术的有用资源。

HTML 5 特性

阅读全文——共17554字

HTML作为定义万维网的基本规则之一，最初由蒂姆·本尼斯李（Tim Berners-Lee）于1989年在CERN（Conseil Europeen pour la Recherche Nucleaire）研制出来。html作为一个开放分享的超文本语言，具有很多特点，如独立于平台的格式、结构化设计，特别是超文本链接，这些特点使它成为万维网较好的文档格式。

一：HTML定义

超文本置标语言（英文：HyperText Markup Language，简称为HTML）是为「网页创建和其它可在网页浏览器中看到的信息」设计的一种置标语言。HTML被用来结构化信息——例如标题、段落和列表等等，也可用来在一定程度上描述文档的外观和语义。由蒂姆·伯纳斯-李给出原始定义，由IETF用简化的SGML（标准通用置标语言）语法进行进一步发展的HTML，后来成为国际标准，由万维网联盟（W3C）维护。（资料来自维基百科）

HTML是Web统一语言，这些容纳在尖括号里的简单标签，构成了如今的Web，1991年，Tim Berners-Lee编写了一份叫做“HTML标签”的文档，里面包含了大约20个用来标记网页的HTML标签。他直接借用SGML的标记格式，也就是后来我们看到的HTML标记的格式。本文讲述了HTML这门Web标记语言的发展简史，介绍之前我们先提一下SGML–标准通用标记语言。

阅读全文——共4539字

前段时间做项目，就因为Ie下不管ie6，ie7，ie8不支持css3圆角和策划费了一番口舌。终于找到有牛逼的老外写了个Htc，让ie，6,7,8告别了这样的苦日子。

包括：border-radius(圆角)，box-shadow（阴影），text-shadow（文本阴影）；

PS：htc不支持本地，需要上传到服务器才行。

基本语法：filter: progid:DXImageTransform.Microsoft.Shadow(color=’颜色值’, Direction=阴影角度（数值）, Strength=阴影半径（数值）);

注意：该滤镜必须配合background属性一起使用，否则该滤镜失效。

阅读全文——共2744字

我们平时常用的是< ul>< li>标签，不过dd、dt标签也蛮不错，特别是发布程序的时候功能模块列表什么的可以使用它来排版。

先语义解释下dl,dt,dd：

dl ——define list——定义列表

dt ——define list title——用于生成定义列表中各列表项的标题，重复使用可以定义多个列表项的标题。

dd——define list define——用于生成定义列表各列表项的说明文字段，重复使用可以定义多个说明文字段。dd是对应dt的简短说明或解

阅读全文——共724字

我们都知道absolute是绝对定位，relative是相对定位，但是这个绝对与相对是什么意思呢？绝对是什么地方的绝对，相对又是相对于什么地方而言的呢？那他们又有什么样的特性，可以做出什么样的效果呢？关于两者之间又有什么样的技巧呢？下面我们就来一一解读。

Absolute，CSS中的写法是：position:absolute; 他的意思是绝对定位，他是参照浏览器的左上角，配合TOP、RIGHT、BOTTOM、LEFT(下面简称TRBL)进行定位，在没有设定TRBL，默认 依据父级的做标原始点为原始点。如果设定TRBL并且父级没有设定position属性，那么当前的absolute则以浏览器左上角为原始点进行定位， 位置将由TRBL决定。

一般来讲，网页居中的话用Absolute就容易出错，因为网页一直是随着分辨率的大小自动适应的，而Absolute则会以浏览器的左上角为原始 点，不会应为分辨率的变化而变化位置。很多人出错就在于这点上出错。而网页居左其特性与Relative很相似，但是还是有本质的区别的。

Relative，CSS中的写法是：position:relative;  他的意思是相对定位，他是参照父级的原始点为原始点，无父级则以文本流的顺序在上一个元素的底部为原始点，配合TRBL进行定位，当父级内有padding等CSS属性时，当前级的原始点则参照父级内容区的原始点进行定位。

阅读全文——共694字