首页 / 知识

HTML5 浏览器支持

2023-04-11 14:52:00

　　HTML5浏览器支持

　　所有现代浏览器都支持HTML5。(推荐学习：html教程)

　　此外，所有浏览器，不论新旧，都会自动把未识别元素当做行内元素来处理。

　　正因如此，您可以帮助老式浏览器处理”未知的“HTML元素。

　　注：您甚至可以教授石器时代的IE6如何处理未知的HTML元素。

　　把HTML5元素定义为块级元素

　　HTML5定义了八个新的语义HTML元素。所有都是块级元素。

　　您可以把CSSdisplay属性设置为block，以确保老式浏览器中正确的行为：

　　实例

　　header,section,footer,aside,nav,main,article,figure{

　　display:block;

　　}

　　向HTML添加新元素

　　您可以通过浏览器trick向HTML添加任何新元素：

　　本例向HTML添加了一个名为<myHero>的新元素，并为其定义display样式：

　　实例

　　<!DOCTYPEhtml>

　　<html>

　　<head>

　　<title>CreatinganHTMLElement</title>

　　<script>document.createElement("myHero")</script>

　　<style>

　　myHero{

　　display:block;

　　background-color:#ddd;

　　padding:50px;

　　font-size:30px;

　　}

　　</style>

　　</head>

　　<body>

　　<h1>MyFirstHeading</h1>

　　<p>Myfirstparagraph.</p>

　　<myHero>MyFirstHero</myHero>

　　</body>

　　</html>