名站网址导航名站网址导航小编为爱好网页hTML5的朋友提供关于网页hTML5的相关知识。
- 本篇文章的具体介绍如下
1.为网站创见多套模板，通过程序对User-Agent的判断为不同的浏览器用户显示不同的页面，例如：优酷网。
2.使用Javascript来使不支持网页hTML5教程的浏览器支持网页hTML网页文章标签。
针对IE比较好的解决方案是html5shiv。htnl5shiv主要解决网页hTML5教程提出的新的网页元素不被IE6-8识别，这些新网页元素不能作为父节点包裹子网页元素，并且不能应用CSS样式。让CSS 样式应用在未知网页元素上只需执行 document.createElement(elementName) 即可实现。html5shiv就是根据这个原理创见的。
html5shiv的使用非常的简单，考虑到IE9是支持html5的，所依只需要在页面head中添加如下具体代码即可：
具体代码如下:
<!-–[if lt IE 9]--><script src=" http://html5shiv.googlecode.com/svn/trunk/html5.js "></script ><!--[endif]–- >
html5shiv官方网址：http://code.google.com/p/html5shiv/
下面是一些补充：
当然包括本人BLOG在内。关于网页hTML5教程不得不提IE，在苹果、Google、Opera和Mozilla等主流浏览器厂商积极参与新版本网页hTML标准的制定和推广时，微软却对网页网页hTML 5规范不屑一顾。然而微软近期才表态要在IE中支持网页网页hTML 5，以致到今天为止的IE8及以下是无法支持网页hTML5教程网页文章标签的。但在sitepoint找到了让IE支持网页hTML5教程办法。
以下是在的IE 8显示的例子,未作处理前：
让IE(包括IE6)支持网页hTML5教程网页元素，咱们需要在网页hTML头部添加以下JavaScript，这是一个简单的document.createElement声明，利用条件注释针对IE在对象中创见对应的节点。
具体代码如下:
<!--[if IE]>
<script>
document.createElement("header");
document.createElement("footer");
document.createElement("nav");
document.createElement("article");
document.createElement("section");
</script>
<![endif]-->
添加以上具体代码后，在IE8中显示的具体效果如下：
sitepoint例子中创见节点的JavaScript具体代码似乎过于臃肿，在smashingmagazine提供的具体代码似乎更简洁。
演示如下
<!DOCTYPE html> <html lang="en"> <head> <meta charset=utf-8> <!-- simplified version; works on legacy browsers --> <title>Basic styling of new structural tags</title> <style> *{margin:0;padding:0;} body {background-color:white; color: black; text-align:center;} header, footer, nav, section, article {display:block;} header {width:100%; background-color:yellow;} nav {width:30%; background-color:orange;float:left;} section {width:65%; background-color:SpringGreen ; float:right;} article {width:70%; margin:2em 10%; background-color:turquoise;} footer {width:100%; background-color:pink; clear:both;} </style> <!--[if IE]> <script> (function(){if(!/*@cc_on!@*/0)return;var e = "abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video".split(','),i=e.length;while(i--){document.createElement(e[i])}})() </script> <![endif]--> <body> <header><h1>hello</h1></header> <nav><p>Menu</p></nav> <section> <p>Section</p> <article><p>article 1</p></article> <article><p>article 2</p></article> </section> <footer><p>The footer</p></footer> </body> </html>
提示：您可以先修改部分具体代码再运行
具体代码如下:
<!--[if IE]>
<script>
(function(){if(!/*@cc_on!@*/0)return;var e = "header,footer,nav,article,section".split(','),i=e.length;while(i--){document.createElement(e[i])}})()
</script>
<![endif]-->
网页hTML5教程在默认情况下表现为内联网页元素，对这些网页元素进行布局咱们需要利用CSS手工把它们转为块状网页元素，如下例：
具体代码如下:
header, footer, nav, section, article {
display:block;
}
关于网页hTML5的相关知识就说到这里希望可以帮助朋友们。,IE,网页hTML5IE支持网页hTML5教程的解决实用具体的方法
