码迷,mamicode.com
首页 > Web开发 > 详细

Html5的等学习

时间:2015-01-15 23:23:13      阅读:184      评论:0      收藏:0      [点我收藏+]

标签:

看了w3c感觉是说明文档,没有详细的说明,然后就去看其他的

html5其实就是在html的基础上做了一些改变,感觉html5的推广还是需要时间的,因为习惯问题,虽然html5有很多很方便的标签如article、footer,但是之前的html还是习惯于用div去做这些。那下面总结一下html5做了哪些提升:

DOctype以及字符编码,定义型的很简洁

大小写没限制,这个和html4一样,但是xhtml是区分的

布尔值 没有之前的属性里必须有一个属性加布尔值,如 checked =‘checked’ 在html5不用,直接写上状态就可以了

省略引号 属性里面很多引号不用,但是有空格是要的

可以进行省略的标签, 文本标签后面的闭合可以省略

但是这样可以省略,但是还是要遵循w3c上面的规则,至少可拓展性好些 

 

新增删除的标签

新增:结构标签(过去通过div, section 独立的区块 artical aside header footer nav) 表单标签(email url) 媒体标签(video embed audio) 其他功能标签(mark标注颜色 progress自带bar,可以附属文字 time标注时间给收缩引擎 ruby对某些字注释 wbr表示软换行足够宽则不换行 canvas 图形绘制 command 支持不是很好 details不用经过js进行列表 datalist可以进行提示输入的内容, 很好用,有利于交互, keygen 加密 output可以心输出相应的值,有bar,不用通过我们计算, menu  )

删除:css可替代标签(big center 等等样式标签,rb ) frame 个别浏览器支持的 不常用的标签

 

 

新增删除属性

新增 

manifest 缓存  link新增加size 是ico的大小 base新增加了target  script 增加了加载方式async defer 加载js文件的时候,如果没有的话网页加载的时候脚本下载完后再进行解析下面的,defer是加载后不执行,asyn是加载后进行解析,同时进行底下的页面解析

超链接a添加了media表示被优化 hreflang 语言  ol增加了start reversed 从第几个开始 倒序

menu type div标签内部有一个《style scoped》表示某一块的样式

iframe 框架新增加了seamless 无缝衔接 srcdoc 可以覆盖src内容 sandbox定义安全级别 表示内嵌但是不能执行提交表单 

 

 

全局属性

data-type 

hidden 将hidden放在标签里即表示隐藏

spellcheck 是自动标出语法错误 

tabindex 使用tab键的顺序

 contenteditable 放在标签上是允许修改

js 中属性全局属性

window.document.designMode = ‘on‘ 允许整个页面课编辑

 

Html5的等学习

标签:

原文地址:http://www.cnblogs.com/hhjiang14/p/4227481.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!