【01】文件头部一般包含标题标签、<meta>标签、内联样式表及预定义脚本等。

【02】<meta>标签在网页内容中不显示，但它的作用不容忽视。<meta>标签主要用于为搜索引擎robots定义页面主题信息，它还可以用于定义用户浏览器上的cookie、鉴别作者、设定页面格式、标注内容提要和关键字；同时，它还可以设置页面，使其根据定义的时间间隔刷新自己，以及设置RASC内容等级等。

【03】HTTP标题信息http-equiv

第一：首先介绍http-equiv属性。

http-equiv类似于HTTP的头部协议，会返回一些有用信息给浏览器，以帮助浏览器正确和精确地显示网页内容。常用的http-equiv属性值有Content-Type、Content-Language 、Refresh、Expires、Pragma、Set-Cookie、Window-target、Page-Enter、Page-Exit、MSThemeCompatible和Content-Script-Type等。

第二：设置文档类型与语言属性Content-Type

Content-Type属性用来设置文档类型。浏览器从content的属性值中获取网页的语言类型，判断是HTML还是XML，通常设置为text/html。charset指明网页中文字使用的字符集。例如，如果是简体中文，charset=gb2312；如果是繁体中文，则charset=big5。若未正确设置语言文字集，将可能导致网页显示混乱。使用格式如下：

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

第三：设置自动刷新属性Refresh

Refresh属性设置页面自动刷新的时间，或自动跳转到其他的网页。此时的content属性值是自动刷新的时间或自动跳转的时间，单位是秒。URL是设置跳转网页的地址。使用的格式如下：源码设置为10秒后，自动跳转到百度网站。

<Meta http-equiv="Refresh" Content="10; Url=http://www.baidu.com">

上面的源码设置为10秒后，自动跳转到百度网站。

第四：设置缓存时间属性Expires

Expires属性是设置网页在缓存中的过期时间。一旦网页过期，必须重新从服务器上载入。content属性值可设置为时间长度，也可设置为到期的日期，如果设置为日期，日期的格式必须是格林时间。使用格式如下：

<Meta http-equiv="Expires" Content="0">

<Meta http-equiv="Expires" Content="Sun, 23 May 2007 10:05:26 GMT">

第五：设置禁用缓存属性Pragma

Pragma属性是设置禁止浏览器从本地计算机的缓存中调阅页面内容，如果设置了此属性值，网页则不保存在缓存中，每次访问时都刷新页面。这样设定，浏览者将无法脱机浏览。使用格式如下：

<Meta http-equiv="Pragma" Content="No-cach">

第六：设置网页Cookie属性Set-Cookie

Set-Cookie用于设置Cookie。当浏览器访问页面时，将其自动保存；下次再访问该页面时，可直接从文件中读取，以提高速度。通常HTML文件不需要使用禁用缓存，对于ASP等页面，就可以使用禁用缓存，因为每次看到的页面都是在服务器下动态生成的，缓存就失去意义了。如果网页过期，存盘的Cookie将被自动删除。

第七：设置打开窗口属性Window-target

Window-target用于设置打开窗口的属性。通过这个属性来强制页面在当前窗口以独立页面显示。使用格式如下：

<Meta http-equiv="Window-target" Content="_self">

第八：设置过渡效果属性Page-Enter、Page-Exit

Page-Enter与Page-Exit用于页面打开或关闭时的过渡特效。

content的属性值是动态滤镜的一种。blendTrans滤镜产生渐隐效果，Duration参数设置特效持续的时间，单位为秒。revealTrans滤镜产生多种效果，Duration参数设置特效持续的时间，transition参数设置效果类型，其取值范围为0~23。

第九：设置主题与脚本类型属性MSThemeCompatible、Content-Script-Type

MSThemeCompatible设置是否关闭Windows XP主题。content属性值为Yes或No。使用格式如下：

<Meta http-equiv="MSThemeCompatible" Content="Yes">

以上是http-equiv属性的介绍，并没有完全囊括所有类型，如需要更详细地了解，参阅其他资料。下面讲解name属性。

第十：页面描述信息name

name的属性值有Keywords、Description、Author和Robots等。name属性主要用来描述页面信息，它是搜索引擎识别的关键所在。为了使网页被搜索引擎发现，设置name属性是必不可少的。下面对各个属性值的类型分别进行介绍。

10.1：设置描述与关键词属性Description

Description（页面内容的简介）用来告诉搜索引擎网站的主要内容。在设置时尽量要把简介写得清晰明白，字数不能太短也不能太长，一般保持在80~200之间。

Keywords（页面关键字）用于为搜索引擎提供关键字的列表，选择合适的关键字是提高被搜索几率的关键因素。多个关键字之间用逗号隔开，逗号表示逻辑“或”。空格表示逻辑“与”。

10.2;设置搜索机器人引向属性Robots

Robots属性用于设置搜索机器人的引向。Robots用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。Content的参数有all、none、index、noindex、follow和nofollow，默认为all。

10.3;设置作者信息属性Author

Author用于设置作者信息。content属性值就是作者的相关信息。使用格式如下：

<Meta name="Author" Content="Vincent">

以上介绍http-equiv和name常用属性的设置方法，由于<meta>标签设置比较复杂，读者可以在使用的过程逐渐掌握。

第十一：设置基链接属性base

<base>标签设置网页的基链接。使用格式如下：

<Base href="http://www.xxx.com" target="_blank">

href属性值是基链接的位置。当设置好基链接后，自动在网页中的相对路径前加上http://www.xxx.com。

HTML的<head>中的内容总结的更多相关文章

  1. Firebug中调试中的js脚本中中文内容显示为乱码

    Firebug中调试中的js脚本中中文内容显示为乱码 设置 页面 UFT-8 编码没用, 解决方法:点击 "Firebug"工具栏 中的"选项"---" ...

  2. java中的文件读取和文件写出：如何从一个文件中获取内容以及如何向一个文件中写入内容

    import java.io.BufferedReader; import java.io.BufferedWriter; import java.io.File; import java.io.Fi ...

  3. 重新想象 Windows 8.1 Store Apps (81) - 控件增强: WebView 之加载本地 html, 智能替换 html 中的 url 引用, 通过 Share Contract 分享 WebView 中的内容, 为 WebView 截图

    [源码下载] 重新想象 Windows 8.1 Store Apps (81) - 控件增强: WebView 之加载本地 html, 智能替换 html 中的 url 引用, 通过 Share Co ...

  4. CSS中隐藏内容的3种方法及属性值

    CSS中隐藏内容的3种方法及属性值 (2011-02-11 13:33:59)   在制作网页时,隐藏内容也是一种比较常用的手法,它的作用一般有:隐藏文本/图片.隐藏链接.隐藏超出范围的内容.隐藏弹出 ...

  5. 修改tnsnames.ora文件中配置内容中的连接别名后，连接超时解决办法

    1.tnsnames.ora文件中配置内容中的连接别名:由upaydb修改为IP地址 2.连接超时 定位原因: PLSQL登录界面的数据库列表就是读的tnsname.ora中连接的别名,这个文件中连接 ...

  6. 在指定的div中搜索内容，并滚动显示到当前搜索到的内容处

    我想要的是页面中有个带滚动条的div对象,里面有很多内容,想要用js搜索到div中的某个字符串内容,然后将div的滚动条滚动到搜索到的内容处显示,自动定位.先是查找页面中的内容,然后将找到的内容创建t ...

  7. 在无修改权限的情况下修改文件hosts中的内容

    今天遇到了一个问题,本来希望修改hosts中的内容,但保存时被告知无权限,网上搜索有很多方法都无效,最后搜到一个简单的方法:将hosts文件复制到桌面上,修改,然后覆盖原来位置的hosts文件即可!

  8. 去除字符串中的html标记及标记中的内容

    去除字符串中的html标记及标记中的内容 --1.创建函数 create function [dbo].[clearhtml] (@maco varchar(8000)) returns varcha ...

  9. windows下cmd时复制dos中的内容 错误信息等

    16:28 2015/11/23小发现 windows下cmd时复制dos中的内容,错误信息等:鼠标右键选择标记,然后ctrl c 即可.

  10. ThinkPhp循环出数据库中的内容并输出到模板

    <foreach name='user' item='v'> //循环出数据库中的内容 对应控制器->方法中的  $this->assign('user',M('user')- ...

随机推荐

  1. ajax练习习题二三级联动

    异步执行 1数据传输收发数据的时候不用等待对方接受,可以继续发送 2Ajax 在调用处理页面处理数据的时候,下面的代码可以继续执行,效率高 同步执行 1收发数据的时候要等到对方接受的成功,才可以继续发 ...

  2. android测试常用的命令介绍

  3. hadoop环境搭建笔记

    一.配置Linux (1)cat /etc/networks (2)cat /etc/sysconfig/network (3)vi /etc/udev/rules.d/70-persistent-n ...

  4. HDU 2516 (Fabonacci Nim) 取石子游戏

    这道题的结论就是,石子的个数为斐波那契数列某一项的时候,先手必败:否则,先手必胜. 结论很简单,但是证明却不是特别容易.找了好几篇博客,发现不一样的也就两篇,但是这两篇给的证明感觉证得不清不楚的,没看 ...

  5. 转:Emmet：快速编写HTML,CSS代码的有力工具

    http://www.cnblogs.com/xiazdong/p/3562179.html  试着用用

  6. （转）beanUtil接口和类（有空的时候去看，到时候删除这个说明）

    Jakarta Commons项目提供了相当丰富的API,我们之前了解到的Commons Lang只是众多API的比较核心的一小部分而已.Commons下面还有相当数量的子项目,用于解决各种各样不同方 ...

  7. HDU 1512 Monkey King

    左偏树.我是ziliuziliu,我是最强的 #include<iostream> #include<cstdio> #include<cstring> #incl ...

  8. LeetCode Binary Tree Maximum Path Sum 二叉树最大路径和（DFS）

    题意:给一棵二叉树,要求找出任意两个节点(也可以只是一个点)的最大路径和,至少1个节点,返回路径和.(点权有负的.) 思路:DFS解决,返回值是,经过从某后代节点上来到当前节点且路径和最大的值.要注意 ...

  9. 【转】 IOS 项目配置--构建输出DIR

    原文网址:http://blog.csdn.net/fengsh998/article/details/8868871 通常在情一般都不建议使用绝对路径,因为写死之后,换环境,换平台,又要重新修改路径 ...

  10. Android堆栈分析

    在开发中,与界面跳转联系比较紧密的概念是Task(任务)和Back Stack(回退栈).activity的启动模式会影响Task和Back Stack的状态, 进而影响用户体验.除了启动模式之外,I ...