1.HTML发展史介绍2.浏览器支持2.1新标签支持html5中加入了很多新标签,包括8个新的语义结构标签。header,section,footer,aside,nav,main,article,figure,但在某些版本的IE中没有有效支持。/*人为的进行一些处理,让代码正常显示在ie:*/header,section,footer,aside,nav,main,article,figure {display:block;}因为新的语义结构标签在code是块级元素,除了块级元素本身的特性和语义外,没有其他作用,所以可以简单的转换成块级元素,保证在所有浏览器中正常显示。上面的写法无法实现ie8以下的风格。如果你想完全兼容所有的浏览器,你可以使用SjoerdVisscher创建的“shiv”插件来解决这个问题。对于“shiv”插件,可以下载文件直接使用,也可以作为静态库使用,比如国内的百度静态库:在实际应用中,可以通过条件注释来引用,如下:2.2HTML条件注释关于条件注释,最常见的应用是条件注释对于IE,如下:其中lt为修饰,同类型修饰有以下几种:lte:是缩写ofLessthanorequalto,即小于等于的意思。lt:是Lessthan的缩写,小于的意思。gte:是Greaterthanorequalto的缩写,意思是大于等于。gt:是Greaterthan的缩写,大于的意思。!:表示不等于,与javascript中的不等于判断相同3.HTML5中新的标签和属性3.1智能表单3.1.1新的表单元素提供了一种可靠的用户认证方式,目前已弃用,虽然部分浏览可以使用,但不推荐使用。标记指定表单的密钥对生成器字段。提交表单时,会生成两个密钥,一个是私有密钥,一个是公共密钥。私钥保存在客户端,公钥发送给服务器。公钥可用于稍后验证用户的客户端证书。用户名:加密:/form>3.1.2 Addnewinputtypecolorselectcolordateselectdatefromdatedatetime定义日期和时间控制器(支持Openg和safari,不推荐)datetime-localselectdateandtimeemailmailboxmonth选择输入字段其中月份数字包含一个值,也可以使用以下属性来限制该值:max指定允许的最大值min指定允许的最小值step合法数字区间值默认值范围包含一定范围的数字输入字段,也可以使用以下属性限制取值:max指定允许的最大值min指定允许的最小值steplegalnumericintervalvaluedefaultvaluesearchsearchfieldtel电话号码字段(兼容性不好,不推荐)time时间选择urldomain名称周和年3.1.3新增表单属性form/input新增属性autocomplete自动完成功能提示:该属性可能失败的原因:①浏览器不支持②表单启用但输入已关闭或窗体已关闭但输入已打开③未设置名称属性。此属性应用于form属性novalidate规定在提交表单时不验证表单或输入域.input属性autofocus字段自动form属性指定输入字段所属的一个或多个表单formaction描述表单提交的URL地址会覆盖表单标签的action属性formmethod属性。formmethod属性定义提交表单的方式。formmethod属性覆盖了
ondragstart事件:当拖动元素开始被拖动拖动时触发事件,该事件作用于被拖动元素ondraenter事件:被拖动元素进入目标元素时触发的事件,该事件作用于目标元素ondragover事件:被拖动元素在目标元素上移动ondraenter事件当事件被触发时被触发。该事件作用于目标元素,这个事件作用于被拖动的元素Event.preventDefault()方法:阻止一些默认事件方法的执行等。一定要在ondragover中实现preventDefault(),否则不会触发ondrop事件。另外,如果你从其他应用程序或文件中拖入一些东西,尤其是图片,默认的动作是显示图片或相关信息,而不是真正执行拖放。这时候就需要使用文档的ondragover事件直接kill了。Event.effectAllowed属性:是拖动的效果。