本篇内容主要讲解“HTML5浏览器支持实例分析”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“HTML5浏览器支持实例分析”吧!
HTML5 浏览器支持
所有现代浏览器都支持 HTML5。
此外，所有浏览器，不论新旧，都会自动把未识别元素当做行内元素来处理。
正因如此，您可以帮助老式浏览器处理”未知的“ HTML 元素。
注：您甚至可以教授石器时代的 IE6 如何处理未知的 HTML 元素。
把 HTML5 元素定义为块级元素
HTML5 定义了八个新的语义 HTML 元素。所有都是块级元素。
您可以把 CSS display 属性设置为 block，以确保老式浏览器中正确的行为：
实例
1 2 3 | header, section, footer, aside, nav, main, article, figure { display: block; } |
向 HTML 添加新元素
您可以通过浏览器 trick 向 HTML 添加任何新元素：
本例向 HTML 添加了一个名为 <myHero> 的新元素，并为其定义 display 样式：
实例
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | <!DOCTYPE html> <html> <head> <title>Creating an HTML Element</title> <script>document.createElement("myHero")</script> <style> myHero { display: block; background-color: #ddd; padding: 50px; font-size: 30px; } </style> </head> <body> <h2>My First Heading</h2> <p>My first paragraph.</p> <myHero>My First Hero</myHero> </body> </html> |
到此，相信大家对“HTML5浏览器支持实例分析”有了更深的了解，不妨来实际操作一番吧！这里是亿速云网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
