位置:电子教程 > HTML5入门电子教程 (如果看不到内容请使用360浏览器) 推荐学习资源
HTML5 简介
HTML5 Canvas教程
HTML5 基础标签
HTML5 表单属性和input详解
HTML5 高级部分
当前阅读教程:HTML5入门电子教程 > HTML5 浏览器支持
阅读(22555525)      收藏       赞(5685)      分享
上一篇: HTML 5语义元素 下一篇: HTML5 新元素

最新版本的 SafariChromeFirefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性。你可以让一些较早的浏览器(不支持HTML5)支持 HTML5

image.png

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

正因为如此,你可以 "教会" 浏览器处理 "未知" 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 新元素
计算机毕业设计作品网      毕业设计文档网      小程序教程网       毕业设计资料网  |         毕业设计定制QQ:45157718(微信同号)(备注:毕设)