博客园_殊默

HTML5 新增元素整理

2012-01-17T09:23:00Z

<!DOCTYPE html>
<title>HTML5新增元素</title>
<header>
    header元素表示页面中的一个内容区块或整个页面的标题
</header>
<hr/>
<nav>
    导航
</nav>
<hr/>
<aside>aside元素表示article元素的内容之外的、与article元素的内容相关的辅助信息。</aside>
<article>
    article元素表示页面中的一块与上下文不相关的独立内容，比如博客中的一篇文章或报纸中的一篇文章。
</article>
<hr/>
<figure>
    <figcaption>PRC</figcaption>
    <p>figure元素表示一段独立的流内容，一般表示文档主体流内容中的一个独立单元。使用figcaption元素为figure元素组添加标题。</p>
</figure>
<hr/>
<section>
    section元素表示页面中的一个内容区块，比如章节、页眉、页脚或页面中的其他部分。它可以与<mark>h1</mark>,h2,h3,h4,h5,h6等元素结合起来使用，标示文档结构。
</section>
<hr/>
<details>
    <summary>HTML5</summary>
    details元素标示用户要求得到并且可以得到的细节信息。它可以与summary元素配合使用。summary元素提供标题或图例。标题是可见的，用户点击标题时，会显示出细节信息。
</details>
<hr/>
<datagrid>
    <ol>
        <li> (datagrid row 0) </li>
        <li> (datagrid row 1)
        <ol style="list-style-type:lower-alpha;">
            <li> (datagrid row 1,0) </li>
            <li> (datagrid row 1,1) </li>
        </ol>
        </li>
        <li> (datagrid row 2) </li>
    </ol>
</datagrid>
<hr/>
<keygen>
    keygen元素表示生产密钥
</keygen>
<hr/>
<output>
    output元素表示不同类型的输出，比如脚本的输出。
</output>
<hr/>
menu元素表示菜单列表。当希望列出表单控件时使用该标签。
<menu>
    <li><input type="checkbox" />Rad</li>
    <li><input type="checkbox" />Blue</li>
</menu>
<hr/>
<form>
    <menu>
        <li>Email:<input type="email" /></li>
        <li>url:<input type="url" /></li>
        <li>number:<input type="number" /></li>
        <li>range:<input type="range" /></li>
        <li>date:<input type="date" /></li>
        <li>month:<input type="month" name="test" value="value" /></li>
        <li>week:<input type="week" name="test" value="value" /></li>
        <li>time:<input type="time" name="test" value="value" /></li>
        <li>datetime:<input type="datetime" name="test" value="value" /></li>
        <li>datetime-local:<input type="datetime-local" name="test" value="value" /></li>
    </menu>
</form>
<hr/>
<footer>footer</footer>
来自：http://www.iteye.com/topic/1111909

本文链接

css外部字体引用

2011-12-30T02:39:00Z

* .TTF或.OTF，适用于Firefox 3.5、Safari、Opera
* .EOT，适用于Internet Explorer 4.0+
* .SVG，适用于Chrome、IPhone
比如:
@font-face {
font-family: 'HansHandItalic';
src: url('fonts/hanshand-webfont.eot');
src: url('fonts/hanshand-webfont.eot?#iefix') format('embedded-opentype'),
      url('fonts/hanshand-webfont.woff') format('woff'),
      url('fonts/hanshand-webfont.ttf') format('truetype'),
      url('fonts/hanshand-webfont.svg#webfont34M5alKg') format('svg');
font-weight: normal;
font-style: normal;
}

本文链接

google map API 地址查询

2011-12-09T05:30:00Z

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>
无标题文档
</title>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false">

</script>
<script type="text/javascript">
var geocoder;
var map;
var query = "北京东直门";

function initialize() {
geocoder = new google.maps.Geocoder();
var myOptions = {
zoom: 17,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
codeAddress();
}

本文链接

svn删除工具

2011-12-06T02:55:00Z

创建txt文本，输入以下文本，修改后缀为.reg

Windows Registry Editor Version 5.00
[HKEY_LOCAL_MACHINE\SOFTWARE\Classes\Folder\shell\DeleteSVN] @="Delete SVN Folders"
[HKEY_LOCAL_MACHINE\SOFTWARE\Classes\Folder\shell\DeleteSVN\command]
@="cmd.exe /c \"TITLE Removing SVN Folders in %1 && COLOR 9A && FOR /r \"%1\" %%f IN (.svn) DO RD /s /q \"%%f\" \""

本文链接

console.log()

2011-09-19T03:36:00Z

FF下调试时，可用console.log()代替alert，但是切记打开firebug

本文链接

数组排序

2011-06-20T08:34:00Z

var a = ["197-3","161-1","161-5","136-2","122-4","120-0","105-7","90-6","82-8","72-9"];
    a.sort(function(a,b){
        return a.split('-')[1] - b.split('-')[1];
    });
    alert(a.join(','))

本文链接

ie下兼容html5

2011-06-08T06:11:00Z

自从HTML5能为我们的新网页带来更高效洁净的代码而得到更多的关注，然而唯一能让IE识别那些新元素(如<article>)的途径是使用HTML5 shiv,感谢remy sharp为我们提供了这个迷你脚本来解决IE支持HTML5的问题。

使用和下载
　　html5.js必须在页面head元素内调用(因为IE必须在元素解析前知道这个元素，所以这个js文件不能在页面底部调用。)
　　作者已经把js文件放在Google code project上并允许大家直接调用，当然，前提是你不在意调用额外的文件。
http://html5shiv.googlecode.com/svn/trunk/html5.js
　　你可以使用IE条件注释来调用这个js文件，这样像FireFox等非IE浏览器就会忽视这段代码，也就不会有无谓的http请求了。下面这段代码仅会在IE浏览器下运行:

复制代码代码如下:



当然如果你不喜欢调用外网文件，你也可以下载下来上传到自己的服务器单独调用(作者允许)。

本文链接

端午节快乐

2011-06-03T09:51:00Z

死人的节日为毛快乐呢？

本文链接

六一快乐

2011-05-31T03:55:00Z

儿童节快乐，everyone！

本文链接

svn账户修改

2011-05-23T07:55:00Z

TortoiseSVN -》setting-》Saved Data -》

本文链接