存档

  • placeholder在非标准（IE)浏览器的实现

    题目写得好拗口啊:) placeholder是HTML5的一个新特性，今天在考虑如何提示表单输入内容格式的时候，左思右想还是把提示内容放在input中最好。刚开始还不知道有placeholder这个东西，想要找一些js实现同样的效果，不久就发现原来HTML5中有placeholder这个标签属性，恰好支持这种效果。 高兴了没有一会，万恶的IE就把我拉回了现实。 方法就是比问题要多，找了N多用JS实现的placeholder的效果，最后发现一个相对完美的实现。 源码： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293// HTML5 placeholder plugin version 1.01 // Copyright (c) 2010-The End of Time, Mike Taylor, http://miketaylr.com // MIT Licensed: http://www.opensource.org/licenses/mit-license.php // // Enables cross-browser HTML5 placeholder for inputs, by first testing // for a native implementation before building one. // // // USAGE: //$(‘input[placeholder]‘).placeholder(); // <input type="text" placeholder="username"> (function($){   [...]

    167 阅读 | 没有评论
    2011年11月26日 | 归档于 LAMP
    标签: HTML5, JavaScript

  • DOCTYPE怎么支持html5

    DOCTYPE即DTD，文档类型定义。通常来说他决定了浏览器选用什么样的布局模式来显示网页。选用不同的DOCTYPE通常会对网页的布局和书写规则产生影响。现在比较常用的XHTML 1.0的DOCTYPE主要有三种。 1）过度类型 <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> 这是一种不是很严格的DOCTYPE,一些不被推荐的标签也可以使用。现在大多数的网页都在使用这种类型。 2）严格类型 <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”> 这种要求比较严格不允许使用表现性的标签，如<hr/>。标签的书写必须符合规定。 3）框架类型 <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd”> 一种支持框架的DOCTYPE。 此外还有支持XHML4.01的DTD和适合手机浏览器的DTD，参见维基百科的DOCTYPE的介绍。 那么如何让我们的网站支持仍处于开发阶段的HTML5呢？方法很简单，使用如下的类型，那么我们的网站就可以支持HTML5啦，同时向后兼容。 <!DOCTYPE HTML> 就这么简单网站就可以支持HTML5啦，很简单的书写方式，相对于老式的DOCTYPE，这个更容易记忆。关键是这样的类型我们现在就可以使用，如此短的定义正合Google这种大流量网站的 心意。除了Google以为，现在使用这种类型的网站还有淘宝。

    351 阅读 | 没有评论
    2010年1月11日 | 归档于 web-trend
    标签: HTML5

  • HTML5新特性学习-自定义数据

    此文章属翻译作品，如果看的不通顺或者看不懂，请翻看原文！ 原文链接：HTML 5 data- Attributes 自定义数据属性是在HTML5中新加入的一个特性。对于规范来说，好像有点怪异–但他的确提供了一些便利。 简单来说，自定义数据属性规范规定任何以data-开头的属性都将被视为私有数据的存储区域（”私有”在这里的意思是最终用户无法看到他-他不会影响页面的布局和表现） 这允许你书写有效的HTML标记的同时，嵌入数据到你的网页中去。简单示例如下： <li class=”user”   data-name=”John Resig”  data-city=”Boston” data-lang=”js”  data-food=”Bacon“> <b>John says:</b> <span>Hello, how are you?</span> </li> 上面的代码完全符合HTML5的规范。对所有的javascript开发者来说这是一个很受欢迎的新特性。一直以来我们都在需求一种最好的用有效地方式添加元数据到htmL元素的方法，框架用各种不同的方式去解决这一问题。一下是两种解决方案： 1）使用HTML，但自定义DTD。 2）使用XHTML，与特定的命名空间。 The addition of this prefix completely routes around both issues (including any extra markup for validation or needing to be valid XHTML) with this effective addition. On top of this a simple JavaScript [...]

    611 阅读 | 没有评论
    2009年12月10日 | 归档于 web-trend
    标签: HTML5, JavaScript, Web
文章标签 ‘HTML5’