注册
短信验证登陆
忘记密码
确认登录
确认
同意使用协议
找回密码
通过手机号找回 通过邮箱找回
确认
客服

设置密码

验证码错误,请重新填写

免费建站旅程马上开始

开始建站
建站中

已有帐号?直接登录

首页>森动学院>网站建设教程 > head区域的标记
head区域的标记
发布时间: 2014-11-10
一、title标记

    <title> 元素定义网页文档的标题。是网页中不可缺少的元素。其特性:
 
1、此标记只能写在head区域中. 
2、title的内容通常在浏览器的标题栏中显示.
3、浏览器中收藏夹内书签的名称是title的内容. 
4、title的内容可以方便搜索引擎索引页面(一般放置关键词). 
5、从搜索引擎搜索到的内容的标题往往是网页title的内容. 
6、title通常体现了网页的主体内容,所以记得一定要加上。
 
 
二、认识Meta标记
 
  Meta标记是html语言head区的一个辅助性标签。几乎所有的网页里,我们可以看到一些meta标记:
例:
<head>
<meta http-equiv="content-Type" content="text/html; charset=gb2312">
</head>
 
  也许你认为这些代码可有可无。其实如果你能够用好meta标签,会给你带来意想不到的效果,例如加入关键字会自动被大型搜索网站自动搜集;可以声明页面的编码;可以设定页面格式及刷新等等。 
 
三、 Meta标签的组成
 
    1、meta标签共有两个属性:
 
     <1>name属性;<2>http-equiv;属性不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。
 
    1)、name属性
         name属性主要用于描述网页,与之对应的属性值为content,meta标签的name属性语法格式是:
                        <meta name=“参数” content=“具体的参数值”>
 
         name属性的几种主要参数:
 
           A、Keywords(关键字)
                           例:<meta name =“keywords” content=“关键字”>
 
           B、description(网站内容描述)
                        例:<meta name=“description” content=“描述内容.”>
 
           C、robots(机器人向导)——all,none,index,noindex,follow,nofollow
                        例:<meta name="robots" content="index, follow" />
           D、author(作者)
                        例:<meta name="author" content="root,root@21cn.com">
                              <meta name="author" content="公司名称等">
 
    2)、http-equiv属性
             语法格式是:      <meta http-equiv=“参数” content=“参数变量值”> ;
 
          http-equiv属性几种主要参数:
 
               A、Expires(期限)——用于设定网页的到期时间
                 <meta http-equiv=“expires” content=“Fri, 12 Jan 2001 18:18:18 GMT”>
 
               B、Pragma(cache模式)——禁止浏览器从本地计算机的缓存中访问页面内容
                 <meta http-equiv=“Pragma” content=“no-cache”>
 
               C、Refresh(刷新)——自动刷新并指向新页面
                 <meta http-equiv=“Refresh” content=“2;URL=http://www.root.net”>
 
               D、Set-Cookie(cookie设定)——网页过期,存盘的cookie将被删除
                 <meta http-equiv=“Set-Cookie” content=“cookievalue=xxx; expires=Friday, 12-Jan-2001 18:18:18 GMT; path=/”>
 
               E、Window-target(显示窗口设定)——强制页面在当前窗口以独立页面显示
                 <meta http-equiv=“Window-target” content=“_top”>
  
               F、content-Type(显示字符集的设定)——设定页面使用的字符集
                 <meta http-equiv="content-Type" content="text/html; charset=gb2312">
 
    2、meta标签的功能:
 
      1)、帮助主页被各大搜索引擎登录(keywords、description)
      2)、定义页面的使用语言
      3)、自动刷新并指向新的页面
      4)、实现网页转换时的动画效果
      5)、网页定级评价
      6)、控制页面缓冲
      7)、控制网页显示的窗口

文章来源:森动网小鱼儿,转载请注明出处!

相关阅读