当前阅读教程:HTML5入门电子教程 > HTML5 浏览器支持 | |
阅读(22555525) 收藏 赞(5685) 分享 | |
上一篇: HTML 5语义元素 | 下一篇: HTML5 新元素 |
最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性。你可以让一些较早的浏览器(不支持HTML5)支持 HTML5。 此外,所有浏览器,包括旧的和最新的,对无法识别的元素会作为内联元素自动处理。 正因为如此,你可以 "教会" 浏览器处理 "未知" 的 HTML 元素。 甚至你可以教会 IE6 (Windows XP 2001) 浏览器处理未知的 HTML 元素。 将 HTML5 元素定义为块元素HTML5 定了 8 个新的 HTML 语义(semantic) 元素。所有这些元素都是 块级 元素。 为了能让旧版本的浏览器正确显示这些元素,你可以设置 CSS 的 display 属性值为 block: 实例 header, section, footer, aside, nav, main, article, figure { display: block; } 为 HTML 添加新元素你可以为 HTML 添加新的元素。 该实例向 HTML 添加的新的元素,并为该元素定义样式,元素名为 <myHero> : 实例 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>为 HTML 添加新元素</title> <script> document.createElement("myHero") </script> <style> myHero { display: block; background-color: #ddd; padding: 50px; font-size: 30px; } </style> </head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
<myHero>我的第一个新元素</myHero>
</body> </html>
JavaScript 语句 document.createElement("myHero") 是为 IE 浏览器添加新的元素。 |
|
上一篇: HTML 5语义元素 | 下一篇: HTML5 新元素 |