欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
    现代的浏览器都支持HTML5。
 
    此外,所有浏览器,包括旧的和最新的,对无法识别的元素会作为内联元素自动处理。
 
    正因为如此,你可以"教会"浏览器处理"未知"的HTML元素。
 
    Note甚至你可以教会IE6(WindowsXP2001)浏览器处理未知的HTML元素。
 
    将HTML5元素定义为块元素
 
    HTML5定了8个新的HTML语义(semantic)元素。所有这些元素都是块级元素。
 
    为了能让旧版本的浏览器正确显示这些元素,你可以设置CSS的display属性值为block:
 
    实例
 
    header,section,footer,aside,nav,main,article,figure{
 
    display:block;
 
    }
 
    为HTML添加新元素
 
    你可以为HTML添加新的元素。
 
    该实例向HTML添加的新的元素,并为该元素定义样式,元素名为<myHero>:
 
    实例
 
    <!DOCTYPEhtml>
 
    <html>
 
    <head>
 
    <metacharset="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浏览器添加新的元素。

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h63044.shtml