Anymoore

标签： html

  • 通过JS在IE中使用HTML5元素

    通过JS 创建此对于IE未知的HTML5元素,再在CSS定义样式属性：

    document.createElement(newElementName)

    具体实现：

    <html>
    <head>
    <style>blah { color: red; }</style>

    <script>document.createElement("blah")</script>
    </head>
    <body>
    <blah>Hello!</blah>
    </body>
    </html>

    更多详细请参考：《HTML5 Shiv》

    批量引入新元素[怿飞]：

    (function(){
        // from: http://dean.edwards.name/weblog/2007/03/sniff/
        if(!/*@cc_on!@*/0) return;

        var html5= “abbr,article,aside,audio,bb,canvas,datagrid,datalist,details,dialog,eventsource,

    figure,footer,hgroup,header,mark,menu,meter,nav,output,progress,section,time,video”.split(‘,’);
        for(var i = 0, len = html5.length; i < len; i++ )
            document.createElement(html5[i]);
        }
    })();

    很简单，很省事~

  • HTML5新特性

    HTML超文本标记语言至上个世纪末的HTML4.0以来一直没有进行后续开发,新近HTML5是其下一个重要版本，旨在提高HTML的交互性，同时支持当前多样的复杂的Web内容，解决HTML4在WEB应用上的一些缺陷。下面介绍HTML5的一些新特性：
    1,网页结构描述上的改进,HTML4如下：

    HTML5的新标签：

    2，表单处理的改进,假设有一个表单如下：

    在HTML4中验证表单需要结合JavaScript或者其他脚本语言：

    在HTML5则直接进行验证：

    3.为WEB开发者提供多类API接口，如播放音频或视频等可不借用第三方的播放器直接执行：
    <div>
    <video src ="media.ogg" autoplay="true" id="myVideo">Playing….</video>
    </div>

    4.用户可直接对网页内容进行编辑并实现同网页的交互，达到类似AJAX的效果。
    ……

    新版本的普及无论是对用户还是开发者带来了极大便利，既加快了程序员的开发效率也提升了用户体验，同时也有利于搜索引擎准确的抓取网页信息，HTML5仍处在开发中，目前还只有部分浏览器支持。

    PS: HTML=HyperText Mark-up Language,了解更多关于HTML…