注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

左岸

web前端

 
 
 

日志

 
 

html5简述  

2012-07-11 15:29:10|  分类: html5 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

1、使用的3个理由:

     兼容性;

     实用性;

   非革命性发展;

2、解决的3个问题:

    web浏览器之间的兼容性很低;

    文档结构不够明确;

   web应用程序的功能受到限制。


3、html5中标记方法:

    1) 扩展符不变,内容类型(contenttype)仍为“text/hml”;

     2) DOCTYPE声明(不分大小写) 为<! doctype html >  ; 当用工具时 可加入 system 识别符。如下:

         <! doctype html  system "about:legacy-compat" > 

    3) 指定字符编码:

      <meta charset="UTF-8">

     可以继续使用html4的,但是不能混合使用。


    4)不允许写结束标记的元素有:area、base、br、col、command、embed、hr、img、input、keygen、link、meta、param、source、track、wbr。

   5)可以省略结束标记的元素有:li、dt、dd、p、rt、rp、optgroup、option、colgroup、thead、tbody、tfoot、tr、td、th。

  6)可以省略全部标记的元素有:html、head、body、colgroup、tbody。

  7)具有boolean值得属性(如:disabled与readonly):为true时,只写属性名、将属性名设为属性值、空字符串为属性值;为false时,不使用该属性。

8)省略引号:当属性值不包含空字符串、“<”、“>”、“=”、单引号、双引号等字符时,可省略。


4、新增的元素:

     1)结构元素:section、article、aside、header、hgroup、footer、nav、figure(使用figcaption 添加标题)

    2)其它元素:video、audio、embed、mark、progress、meter、time、ruby、rt、rp、wbr、canvas、command、details、datalist、datagrid、keygen、output、source、menu

    3)新增的input元素的类型: email、url、number、range、Date Pickers


5、废除的元素:

    1)能使用css替代的元素:basefont、big、center、font、s、strike、tt、u。

    2)不再使用frame框架:iframe。

    3)只有部分浏览器支持的元素:applet、bgsound、blink、marquee等

   4)其它被废除的元素:rb(ruby替换)、acronym(abbr)、dir(ul)、isindex(form与input结合)、listing(pre)、xmp(code)、nextid(GUIDS)、plaintext(text/plian)


6、新添的属性:

   1)表单相关属性:autofocus (自动获得焦点)、placeholder(对用户输入进行提示)、form(属于那个表单)、required(提交时进行检查)、novalidate(提交时取消检查,无条件提交)、autocomplete、min、max、multiple、pattern、step、formaction、formenctype、formmethod、formnovalidate、formtarget。

  2)链接相关属性:a、area添加media、area添加hreflang与rel、link添加sizes、base添加target。

 3)其它属性:ol添加reversed(倒序)、meta添加charset、menu添加type(出现的形式:上下文、工具条、列表菜单)与label(可见标注)、style添加scoped(作用范围)、script添加async(是否异步执行)、html添加manifest、iframe添加sandbox、seamless与srcdoc。

7、全局属性:contentEditable(允许用户编辑元素中的内容)、 isContentEditable (可编辑时为true)、designMode(整个页面是否可编辑,只能在js里被编辑修改,值为on与off,不兼容)、hidden(不可见不渲染)、spellcheck(输入文本的拼写和语法检查,注:如元素的readOnly或者disabled为true)、tabindex(tab键访问到第几个控件)

  评论这张
 
阅读(52)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017