HTML网页头部代码实例详解

2020-04-17 07:52:55易采站长站整理

<4>generator。生成器,用于设置网站编辑工具的名称,比较专业的网站页面上经常用到。格式<meta name="generator" content =“网站编辑工具名称”/>

<5>robots。机器人,用于限制页面搜索方式。搜索引擎的搜索机器人,沿着网页上的链接(如http和src链接),不断地检索资料建立自己的数据库。通过这种meta标签可以限制部分内容不被搜索引擎检测到,降低部分信息公开性。编写格式为<meta name=“robots” content="指令组合">。该属性的值包含4个命令,分别是index、noindex、follow、nofollow,根据排列组合,有4种组合。Index和follow组合也可称为all,noindex和nofollow也可称为none。

http-equiv属性

http-equiv属性的取值具体如下:

<1>content-type,内容类别,用于设置页面的类别和语言字符集。编写格式<meta http-equiv=“content-type” context=“text/html”;charset=“gb2312”/>,content属性的值代表页面采用HTML代码输出,字符集为gb2312(简体中文),国际化网站开发的话,为了字符统一,建议charset采用utf-8.

<2>refresh。刷新,用于设置多长时间内网页自己刷新一次,或者用一段时间自动跳转到其他页面,第一种编写格式<meta http-equiv=“refresh” context=“30”/>表示隔30秒刷新一次,第二种编写格式<meta http-equiv=“refresh” context=“30;url=www.google.com”/>,表示30秒后页面自动跳转到www.google.com网站

<3>expires,中文意思为“到期”,用于设置页面到期时间。一旦网页过期,必须到服务器上重新调用网页。第一种编写格式为<meta http-equiv=“expires” context=“Wed,10 Mar 2011 12:00:00 GMT”/>,content值代表网页过期的时间,必须使用GMT时间格式。第二种编写格式为<meta http-equiv=“expires” context=“30”/>,表示多少秒后过期。

<4>cache-control,缓存控制。用于禁止在缓存中调用网页,编写格式为<meta http-equiv=“cache-control” context=“no-cache”/>,no-cache代表不允许缓存。

<5>set-cookie,设置cookie,用于设置本页面cookie多久过期,编写格式为<meta http-equiv=“set-cookie” context=“Wed,10 Mar 2011 12:00:00 GMT”/>,代表到这个时间,cookie将被删除。

知识点三:头部信息实现与CSS及JavaScript混编

CSS负责HTML网页的样式,JaveScript负责HTML网页的动态行为。CSS和JaveScript最常用的融合方式是写入头部信息部分。
<1>加入CSS只需在头部信息中加入<style type=“text/css”></style>标签对。范例代码如下

复制代码