HTML5笔记

最新推荐文章于 2024-08-30 20:29:15 发布

a622457012543562

最新推荐文章于 2024-08-30 20:29:15 发布

阅读量68

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/color-cloudy/p/4699995.html

版权

1.HTML5 中8个新的 HTML 语义（semantic）元素，都是块级元素：

为了让旧版本的浏览器正确显示这些元素，设置 CSS 的 display 属性为 block ：

1 header, section, footer, aside, nav, main, article, figure {display: block;}

2.自定义元素：

向 HTML 添加新的元素，并定义样式，元素名为 <myHero> 。

JavaScript 语句 document.createElement("myHero") 是为了为 IE 浏览器添加新的元素。

 1 <head>
 2   <script>document.createElement("myHero")</script>
 3   <style>
 4   myHero {
 5     display: block;
 6     background-color: #ddd;
 7     padding: 50px;
 8     font-size: 30px;
 9   } 
10   </style> 
11 </head>
12 
13 <body>
14 
15 <myHero>我的第一个新元素</myHero>
16 
17 </body>

View Code

3.IE浏览器兼容问题

针对IE浏览器html5shiv 是比较好的解决方案。html5shiv主要解决HTML5提出的新的元素不被IE6-8识别，这些新元素不能作为父节点包裹子元素，并且不能应用CSS样式。

html5shiv.js 引用代码必须放在 <head> 元素中，因为 IE 浏览器在解析 HTML5 新元素时需要先加载该文件。

1 <!--[if lt IE 9]>
2   <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
3   <![endif]-->

View Code

转载于:https://www.cnblogs.com/color-cloudy/p/4699995.html

a622457012543562

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML5笔记

1.HTML5中8个新的HTML语义（semantic）元素，都是块级元素：为了让旧版本的浏览器正确显示这些元素，设置CSS的display属性为block：1 header, section, footer, aside, nav, main, article, figure {display: block;}2.自定义元素：向 HTML 添加新...
复制链接

扫一扫