HTML5 浏览器支持1

简介: 现代浏览器普遍支持HTML5,但早期浏览器可能不支持。可以通过将HTML5元素定义为块级元素,使旧版浏览器也能正确显示。例如,可以使用CSS将header、section等8个新的HTML5语义元素设置为块级元素。此外,还可以通过JavaScript为HTML添加新的自定义元素,如使用`document.createElement("myHero")`为IE浏览器添加新元素。

HTML5 浏览器支持

你可以让一些较早的浏览器(不支持HTML5)支持 HTML5。
HTML5 浏览器支持

现代的浏览器都支持 HTML5。

此外,所有浏览器,包括旧的和最新的,对无法识别的元素会作为内联元素自动处理。

正因为如此,你可以 "教会" 浏览器处理 "未知" 的 HTML 元素。

Note 甚至你可以教会 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 添加的新的元素,并为该元素定义样式,元素名为 :
实例
<!DOCTYPE html>











我的第一个标题



我的第一个段落。



我的第一个新元素


尝试一下 »

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

相关文章
|
Web App开发 移动开发 iOS开发
如何在浏览器中启用 WebGL 以使用 HTML5 3D 查看器
如何在浏览器中启用 WebGL 以使用 HTML5 3D 查看器
164 0
|
前端开发 PHP
web开发HTML生成PDF的三种解决方案(服务器端mpdf、html2canvas.js、浏览器打印、PDF虚拟打印机)
web开发HTML生成PDF的三种解决方案(服务器端mpdf、html2canvas.js、浏览器打印、PDF虚拟打印机)
1502 0
|
移动开发 HTML5
浏览器HTML5支持程度测试
/********************************************************************* * 浏览器HTML5支持程度测试 * 说明: * 想知道对HTML5的支持只是浏览器的工作,和系统平台、硬件平台没有 * 太大的关系,当然如果要说渲染速度,那跟着两个又有关系,但仅仅站在 * HTML5的使用的角度来说,只需要关注浏览器对HTML5的支持程度就差不多了。
1183 0
|
Web App开发 移动开发 JavaScript
html5 WebWorkers 防止浏览器假死
在Web开发的时候经常会遇到浏览器不响应事件进入假死状态,甚至弹出“脚本运行时间过长“的提示框,如果出现这种情况说明你的脚本已经失控了。       一个浏览器至少存在三个线程:js引擎线程(处理js)、GUI渲染线程(渲染页面)、浏览器事件触发线程(控制交互)。
957 0
|
Web App开发 移动开发 Linux
|
Web App开发 JavaScript
浏览器html代码快速预览小工具
我们常常在给简书或其他网站查看别人写的html代码时想快速预览下效果,一般都是在桌面创建个** .html*文件然后将网上的html代码复制粘贴进去,最后用浏览器打开预览。
1197 0