如何优化网站导航,北仑网站制作,网络营销活动策划方案,wordpress导入ssl证书HTML5的语义化标签以及属性#xff0c;可以让开发者非常方便地实现清晰的web页面布局#xff0c;加上CSS3的效果渲染#xff0c;快速建立丰富灵活的web页面显得非常简单。 比较常用的HTML5的新标签元素有#xff1a; header定义页面或区段的头部#xff1b;na…HTML5的语义化标签以及属性可以让开发者非常方便地实现清晰的web页面布局加上CSS3的效果渲染快速建立丰富灵活的web页面显得非常简单。 比较常用的HTML5的新标签元素有 header定义页面或区段的头部nav定义页面或区段的导航区域section页面的逻辑区域或内容组合article定义正文或一篇完整的内容aside定义补充或相关内容footer定义页面或区段的尾部使用他们能让代码语义化更直观,而且更方便SEO优化。但是此HTML5新标签在IE6/IE7/IE8上并不能识别需要进行JavaScript处理。 方法一通过Javascript创建元素 document.createElenment(......) 在head..../head中添加如下代码 1 !--[if lt IE 9]
2 script typetext/javascript
3 var e abbr, article, aside, audio, canvas, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video.split(, );
4 var i e.length;
5 while (i--){
6 document.createElement(e[i])
7 }
8 /script
9 ![endif]-- 方法二使用Google的html5shiv包推荐 1 !--[if lt IE 9]
2 script srchttp://html5shiv.googlecode.com/svn/trunk/html5.js/script
3 ![endif]-- 但是不管使用以上哪种方法,都要初始化新标签的CSS.因为HTML5在默认情况下表现为内联元素对这些元素进行布局我们需要利用CSS手工把它们转为块状元素方便布局 1 /*html5*/
2 article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block} 但是如果ie6/7/8 禁用脚本的用户,那么就变成了无样式的白板网页,我们该怎么解决呢? 我们可以参照facebook的做法即引导用户进入带有noscript标识的 “/?_fb_noscript1”页面用 html4 标签替换 html5 标签这要比为了保持兼容性而写大量 hack 的做法更轻便一些。 1 !--[if lte IE 8]
2 noscript
3 style.html5-wrappers{display:none!important;}/style
4 div classie-noscript-warning您的浏览器禁用了脚本请a href查看这里/a来启用脚本!或者a href/?noscript1继续访问/a.
5 /div
6 /noscript
7 ![endif]--转载于:https://www.cnblogs.com/zh719588366/p/5068858.html
