HTML头部信息[Reship]

iowen — Mon, 17 Aug 2009 01:39:00 GMT

HTML头部信息(head)里包含关于所在网��늚�信息。头部信�?head)里的内容�Q�主要是被浏览器所用，不会昄��在网��늚�正文内容里�?/p>

几个常用的head信息里的html元素

标题(title)

标题(title)是最常用的head信息。它不显�C�在HTML�|�页正文里，昄��在浏览器�H�口的标题栏里�?/p>

链接(link)

用链�?link)可以建立和外部文件的链接。常用的是对CSS外部样式�?external style sheet)的链接�?/p>

如：

�|�页信息(meta)

在HTML里，meta标记(meta tags)表示用来描述�|�页的有关信息�?/p>

一、meta标签的组�?/p>

meta标签共有两个属性，它们分别是http-equiv属性和name属性，不同的属性又有不同的参数��|��q�些不同的参数值就实现了不同的�|�页功能�?/p>

1、name属�?/p>

name属性主要用于描�q�网��，与之对应的属性��gؓcontent�Q�content中的内容主要是便于搜索引擎机器�h查找信息和分�c�M��息用的�?/p>

meta标签的name属性语法格式是�Q�＜meta name="参数" content="具体的参数�?�Q?�?/p>

其中name属性主要有以下几种参数�Q?/p>

A、Keywords(关键�?

说明�Q�keywords用来告诉搜烦引擎你网��늚�关键字是什么�?/p>

举例�Q�＜meta name ="keywords" content="science, education,culture,politics,ecnomics�Q�relationships, entertaiment, human"�Q?/p>

B、description(�|�站内容描述)

说明�Q�description用来告诉搜烦引擎你的�|�站主要内容�?/p>

举例�Q�＜meta name="description" content="This page is about the meaning of science, education,culture."�Q?/p>

C、robots(机器人向�?

说明�Q�robots用来告诉搜烦机器人哪些页面需要烦引，哪些��面不需要烦引�?/p>

content的参数有all,none,index,noindex,follow,nofollow。默认是all�?/p>

举例�Q�＜meta name="robots" content="none"�Q?/p>

D、author(作�?

说明�Q�标注网��늚�作�?/p>

举例�Q�＜meta name="author" content"root,root@21cn.com"�Q?/p>

2、http-equiv属�?/p>

http-equiv��֐�思义�Q�相当于http的文件头作用�Q�它可以向浏览器传回一些有用的信息�Q�以帮助正确和精��地昄��|�页内容�Q�与之对应的属性��gؓcontent�Q�content中的内容其实��是各个参数的变量倹{�?/p>

meat标签的http-equiv属性语法格式是�Q�＜meta http-equiv="参数" content="参数变量�?�Q?�Q�其中http-equiv属性主要有以下几种参数�Q?/p>

A、Expires(期限)

说明�Q�可以用于设定网��늚�到期旉��。一旦网��过期，必须到服务器上重��C��输�?/p>

用法�Q�＜meta http-equiv="expires" content="Fri, 12 Jan 2001 18:18:18 GMT"�Q?/p>

注意�Q�必��M��用GMT的时间格式�?/p>

B、Pragma(cache模式)

说明�Q�禁止浏览器从本地计��机的缓存中讉K��面内容�?/p>

用法�Q�＜meta http-equiv="Pragma" content="no-cache"�Q?/p>

注意�Q�这栯��定，讉K��者将无法脱机��览�?/p>

C、Refresh(��h��)

说明�Q�自动刷新�ƈ指向新页面�?/p>

用法�Q�＜meta http-equiv="Refresh" content="2�Q�URL=http://www.root.net"�Q?/p>

注意�Q�其中的2是指停留2�U�钟后自动刷新到URL�|�址�?/p>

D、Set-Cookie(cookie讑֮�)

说明�Q�如果网��过期，那么存盘的cookie��被删除�?/p>

用法�Q�＜meta http-equiv="Set-Cookie" content="cookievalue=xxx; expires=Friday, 12-Jan-2001 18:18:18 GMT�Q?path=/"�Q?/p>

注意�Q�必��M��用GMT的时间格式�?/p>

E、Window-target(昄��H�口的设�?

说明�Q�强刉��面在当前�H�口以独立页面显�C��?/p>

用法�Q�＜meta http-equiv="Window-target" content="_top"�Q?/p>

注意�Q�用来防止别人在框架里调用自��q��面�?/p>

F、content-Type(昄��字符集的讑֮�)

说明�Q�设定页面��用的字符集�?/p>

用法�Q�＜meta http-equiv="content-Type" content="text/html; charset=gb2312"�Q?/p>

二、meta标签的功�?/p>

上面我们介绍了meta标签的一些基本组成，接着我们再来一��L��看meta标签的常见功能：

�Q�、帮助主��被各大搜烦引擎��d��

meta标签的一个很重要的功能就是设�|�关键字�Q�来帮助你的主页被各大搜索引擎登录，提高�|�站的访问量。在�q�个功能中，最重要的就是对Keywords和description的设�|�。因为按照搜索引擎的工作原理,搜烦引擎首先�z�և�机器��动检索页面中的keywords和decription�Q��ƈ��其加入到自��q��数据库，然后再根据关键词的密度将�|�站排序。因此，我们必须讄��好关键字�Q�来提高��面的搜索点�ȝ��。下面我们来举一个例子供大家参考：

�Q�meta name="keywords" content="政治,�l�济, �U�技,文化, 卫生, 情感�Q�心灵，�׃��Q�生�z�，�C�会�Q�企业，交�?�Q?br /> �Q�meta name="description" content="政治,�l�济, �U�技,文化, 卫生, 情感�Q�心灵，�׃��Q�生�z�，�C�会�Q�企业，交�?�Q?/p>

讄��好这些关键字后，搜烦引擎��会自动把这些关键字��d��到数据库中，�q�根据这些关键字的密度来�q�行合适的排序�?/p>

　　�Q�、定义页面的使用语言

　　�Q�meta http-equiv=″content�Q�Type″ content=″text/html; charset=gb2312″�?/p>

该代码就表示��网��늚�语言讄��成国标码�?/p>

　　�Q�、自动刷新�ƈ指向新的��面

　　如果你想使您的网��在无�h控制的情况下�Q�能自动在指定的旉��内去讉K��指定的网��，��可以��用meta标签的自动刷新网��늚�功能。下面我们来看一�D�代码：

　　〈meta http-equiv=″refresh″ content=″�Q? URL=http://www.root.net″�?/p>

　　�q�段代码可以使当前某一个网��在�Q�秒后自动�{到http://www.root.net��面中去,�q�就是meta的刷��C��?在content�?�Q�代表设�|�的旉��Q�单位�ؓ�U�）,而URL��是在指定的旉��后自动连接的�|�页地址�?/p>

　　�Q�、实现网��{换时的动��L��?/p>

　　使用meta标签�Q�我们还可以在进入网��|��者离开�|�页的一刚w��实现动画效果�Q�我们只要在��面的html代码中的�Q�head�Q�＜/head�Q�标�{�之间添加如下代码就可以了：

�Q�meta http-equiv="Page-Enter" content="revealTrans(duration=�Q?�Q? transition=�Q�０)"�Q?br /> �Q�meta http-equiv="Page-Exit" content="revealTrans(duration=�Q?�Q? transition=�Q�０)"�Q?/p>

一旦上�q�C��码被加到一个网��中后，我们再进出页面时��׃��看到一些特�D�效果，�q�个功能其实与FrontPage2000中的Format/Page Transition一��P��但我们要注意的是所加网��不能是一个Frame��?

　　�Q�、网��定�U�评�?/p>

　　IE4.0以上版本的浏览器可以防止��览一些受限制的网�?而之所以浏览器会自动识别某些网站是否受限制,��是因�ؓ在网站meta标签中已�l�设�|�好了该�|�站的��?而该�U�别的评定是��q��国RSAC,卛_��乐委员会的评�U�机构评定的,如果你需要评仯��q��|�站,可以�q�接到网站http://www.rsac.org/,按要求提交表�?那么RSAC会提供一�D�meta代码�l�你,复制到自��q��里��可以了。下面就是一�D�代码的样例�Q?/p>

〈meta http-equiv=″PICS�Q�Label″
content=′(PICS�Q?.1 ″http://www.rsac.org/ratingsv01.html″
l gen true comment ″RSACi North America Server″
for ″http://www.rsac.org″
on ″2001.08.16T08:15�Q?500″
r (n 0 s 0 v 0 l 0))′�?/p>

　　�Q�、控刉��面缓�?/p>

　　〈meta http-equiv=″expires″ content=″Friday, 12-Jan-2001 18:18:18 GMT″�?/p>

　　�Q�、控制网��|��C�的�H�口

　　我们�q�可以��用meta标签来控制网��|��C�的�H�口�Q�只要在�|�页中加入下面的代码��可以了�Q�＜metahttp-equiv="window-target" content="_top"�Q�，�q�段代码可以防止�|�页被别��Z��Z��个Frame调用�?/p>

本文来自CSDN博客�Q��{载出处：http://blog.csdn.net/mabgang/archive/2009/02/25/3934597.aspx

iowen 2009-08-17 09:39 发表评论

jQuery实现表格行的动态增加与删除(改进�?

iowen — Fri, 13 Mar 2009 02:41:00 GMT

之前写过一个简单的利用jQuery实现表格行的动态增加与删除的例子，有些��"如果表格中是input元素�Q�那么删除后的东襉K��自动替换，�q�样应该是有问题的，��g��改进�Q?�Q�故�Ҏ��改进了一下！

在项目中很多时候遇到这��L��问题,需要动态的增加、删除表格的行，很多情况下我们都是在��面来设�|�一个隐藏域的��|��然后在js�Ҏ��里动态的++�?-�Q�在学习jQuery的过�E�中�Q�我试着用简单的�Ҏ��来模拟实现这一个过�E?br />
效果囑֦�下：

删除之前

删除2行后�Q?br />

改进后具体代码如下：

1DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml">
3<head>
4<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5<script type="text/javascript" src="jquery-1.3.1.js">script>
6<title>title>
7<script>
8    $(document).ready(function(){
9        //居中
10        $("#tab tr").attr("align","center");
11
12        //增加
13        $("#but").click(function(){
14            var _len = $("#tab tr").length;
15            $("#tab").append(""+_len+" align='center'>"
16                                +""+_len+""
17                                +"Dynamic TR"+_len+""
18                                +""+_len+"' id='desc"+_len+"' />"
19                                +""+_len+")\'>删除"
20                            +"");
21        })
22    })
23
24    //删除
25    var deltr =function(index)
26    {
27        var _len = $("#tab tr").length;
28        $("tr[id='"+index+"']").remove();//删除当前�?/span>
29        for(var i=index+1,j=_len;i<j;i++)
30        {
31            var nextTxtVal = $("#desc"+i).val();
32            $("tr[id=\'"+i+"\']")
33                .replaceWith(""+(i-1)+" align='center'>"
34                                +""+(i-1)+""
35                                +"Dynamic TR"+(i-1)+""
36                                +""+(i-1)+"' value='"+nextTxtVal+"' id='desc"+(i-1)+"'/>"
37                                +""+(i-1)+")\'>删除"
38                            +"");
39        }
40
41    }
42script>
43head>
44<body>
45
46    <table id="tab" border="1" width="60%" align="center" style="margin-top:20px">
47        <tr>
48            <td width="20%">序号td>
49            <td>标题td>
50            <td>描述td>
51            <td>操作td>
52       tr>
53    table>
54    <div style="border:2px;
55                border-color:#00CC00;
56                margin-left:20%;
57                margin-top:20px">
58        <input type="button" id="but" value="增加"/>
59    div>
60body>
61html>
62

源代码下载：Dynamic Table Column Operate

iowen 2009-03-13 10:41 发表评论

国产麻豆视频精品,av亚洲精华国产精华精华,春暖花开成人亚洲区

HTML头部信息[Reship]

jQuery实现表格行的动态增加与删除(改进�?