(1)HTML5现在已经不是SGML的子集,主要是关于图像,位置,存储,地理定位等功能的增加. 绘画canvas元素: 用于媒介回放的video和audio元素: 本地离线存储localStorage长期存储数据,浏览器关闭后数据不丢失,sessionStorage的数据在浏览器关闭后自动删除: 语意化更好的内容元素,比如article.footer.header.nav.section: 表单控件,calendar.date.time.email.url.search: 新的技术webwork…

* HTML5 现在已经不是 SGML(标准通用标记语言,是一种定义电子文档结构和描述其内容的国际标准语言) 的子集,主要是关于图像,位置,存储,多任务等功能的增加.   * 拖拽释放(Drag and drop) API   语义化更好的内容标签(header,nav,footer,aside,article,section)   音频.视频API(audio,video)   画布(Canvas) API   地理(Geolocation) API   本地离线存储 localStorage…

HTML5规范毕竟是刚刚才定义完成的规范,还有一些浏览器并不能支持其中的新标签和新属性,尤其是IE8及以下版本浏览器.以下介绍一些在页面中使用HTML5新标签的实践方法,目的是让HTML5中的新标签在低级浏览器中也得到有限的支持,不至于影响整个的页面功能. 让浏览器识别HTML5规范中的新标签 IE8浏览器中还没有添加对HTML5新标签的支持,所以在IE8中无法直接展现HTML5新标签中的内容.庆幸的是IE8/IE7/IE6支持通过document.createElement方法产生的标签,可以…

方法一 : 1.使用静态资源的html5shiv包 <!--[if lt IE9]> <script src="http://cdn.static.runoob.com/libs/html5shiv/3.7/html5shiv.min.js"></script> <![endif]--> 2.载入后,初始化新标签的css header, section, footer, aside, nav, main, article, figure…

h5新特性: 语义化标签:<hrader></header> .<footer></footer>.<nav></nav>.<section></section>.<article></article>.<aside></aside>.<video></video>.<audio></audio> 新增表单元素:em…

HTML5现在已经不是SGML的子集,主要是关于图像,位置,存储,多任务等功能的增加. 绘画canvas: 用于媒介回放的video和audio元素: 本地离线存储localStorage长期存储数据,浏览器关闭后数据不丢失: sessionStorage的数据在浏览器关闭后自动删除: 语义化更好的元素,比如article,footer,header,nav,section: 表单控件:calender,date,time,email,url,search 新的技术:webworker,webs…

① IE8/IE7/IE6支持通过document.createElement方法产生的标签,可以利用这一特性让这些浏览器支持HTML5新标签 ② 也可以使用成熟的框架 ex:html5shim <!--[if lt IE 9]> <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->…

<!--[if lt IE 9]> <script type="text/javascript" src="js/html5shiv.js"></script> <![endif]--> 将上代码复制到head部分,记住一定要是head部分(因为IE必须在元素解析前知道这个元素,所以这个js文件不能在其他位置调用,否则失效) 最后在css里面加上这段: article,aside,dialog,footer,heade…

新特性: HTML5 现在已经不是 SGML 的子集,主要是关于图像,位置,存储,多任务等功能的增加. 1)  拖拽释放(Drag and drop) API 2)  语义化更好的内容标签(header,nav,footer,aside,article,section) 3)  音频.视频API(audio,video) 4)  画布(Canvas) API 5)  地理(Geolocation) API 6)  本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不丢失: 7…

支持HTML5新标签: * IE8/IE7/IE6支持通过document.createElement方法产生的标签, 可以利用这一特性让这些浏览器支持HTML5新标签, 浏览器支持新标签后,还需要添加标签默认的样式: * 当然最好的方式是直接使用成熟的框架.使用最多的是html5shim框架 <!--[if lt IE 9]> <script> src="http://html5shim.googlecode.com/svn/trunk/html5.js"&l…

普通浏览器 普通不支持HTML5新标签的浏览器 -- 能正常解析,但会当初成 inline 元素对待 在不支持HTML5新标签的浏览器里,会将这些新的标签解析成行内元素(inline)对待,所以我们只需要将其转换成块元素(block)即可使用:经常会到初始化 css中看到: /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, h…

IE8/IE7/IE6支持通过document.createElement方法产生的标签,               可以利用这一特性让这些浏览器支持HTML5新标签,               浏览器支持新标签后,还需要添加标签默认的样式. 当然也可以直接使用成熟的框架.比如html5shim;             <!--[if lt IE 9]>                <script> src="http://html5shim.googlecode…

没估计错的话旧版浏览器都是不识别这些新增的标签所以都是用行内元素来处理解决的,所以,有一个解决办法的突破口就是让它变成块状元素就不会处于同一行了,这样在新旧浏览器都是可以显示同样的效果,再者就是让浏览器识别标签,需要新增标签,具体解决办法是: IE8/IE7/IE6支持通过document.createElement方法产生的标签,可以利用这一特性让这些浏览器支持HTML5新标签,代码如下: document.createElement(‘新标签’); / /新增创建新标签 方式一:Coding…

很多网站对网页进行重构的时候,提高标签的语义性,在网页中大量使用了section,article,header等HTML5新标签.考虑到目前win7自带的IE浏览器版本是IE8,而IE8不支持HTML语义化新标签,所以有必要对HTML5新标签进行兼容,所谓兼容,主要是让这些html5标签显示为块级元素, 并且使低版本的浏览器认为它们是标签.为此我们需要在页面中添加一个HTML5 shiv插件, 它的作用是调用document.createElement将所有HTML5新标签重新生成,低版本IE浏…

w3c标准下的HTML5新标签 ,做个归纳总结: H5标签 定义和用法 兼容性 <artical> 规定独立的自包含内容, 支持html中的全局属性, 支持html中的事件属性 IE: 支持9以上 火狐:支持 谷歌:支持 Safari:支持 Opera:支持 <aside> 定义其所处内容之外的内容,可以做文章的侧栏 支持html中的全局属性, 支持html中的事件属性 IE: 支持9以上 火狐:支持 谷歌:支持 Safari:支持 Opera:支持 <audio> 定…

<video width="320" height="240" controls>   <source src="movie.mp4" type="video/mp4" poster="img/封面.jpg">   <source src="movie.ogg" type="video/ogg" poster="img/封面.j…

Html5新标签解释及用法 HTML 5 是一个新的网络标准,目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准.它希望能够减少浏览器对于需要插件的丰富性网络应用服务(plug-in-based rich internet application,RIA),如Adobe Flash, Microsoft Silverlight, 与 Sun JavaFX 的需求. HTML 5 提供了一些新的元素和属性,反映典型的现代用法网站.其中有些是…

HTML 5 是一个新的网络标准,目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2  HTML 标准.它希望能够减少浏览器对于需要插件的丰富性网络应用服务(plug-in-based rich internet  application,RIA),如Adobe Flash, Microsoft Silverlight, 与 Sun JavaFX 的需求. HTML 5 提供了一些新的元素和属性,反映典型的现代用法网站.其中有些是技术上类似 <div>…

[29]html5新标签有哪些? canvas svg video audio [01]article(IE8不支持) [01]details [02]aside(IE8不支持) [03]header(IE8不支持) [04]footer(IE8不支持) [06]nav(IE8不支持) [07]section [08]figure(IE8不支持) [09]figcaption(IE8不支持) [10]embed [11]address [13]summary [14]menu [18]secti…

HTML5新标签与特性 兼容性问题 (ie9 以上的版本) 文档类型设定 document HTML: sublime 输入 html:4s XHTML: sublime 输入 html:xt HTML5 sublime 输入 html:5 ! <!DOCTYPE html> 字符设定 <meta http-equiv="charset" content="utf-8">:HTML与XHTML中建议这样去写 <meta charset=…