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>
|