标签为‘html’的日志

通过JS在IE中使用HTML5元素

日期 : 2009年06月27日分类 : 代码, 设计作者 : 没有评论

通过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]);
    }
})();

很简单，很省事~

Tags : , , ,

HTML5新特性

日期 : 2008年11月28日分类 : 代码作者 : 没有评论

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…

Tags : ,