网页头部属性设置技巧

技巧|网页

  很多时候,我们在做主页时会忽略了网页头部属性的设置。网页头部属性是指 Html 文件中被Head> 标识符所作用的区域,Html 文件的头部信息包括了对当前文件一些信息的收集,对 <Head> 区的属性进行修改后,不会直接影响到该文件的视觉效果。但通过对其进行设置,将使我们的主页制作过程更加规范、使用更方便。

  现在就让我们来看看如何设置一些主页的头部属性:
  
  1.META标识符

  META标识符是主页头部元素用以记录当前页面的一些重要信息,例如网页的字符集、作者、版本、网页关键字等等。
  例如:
  <head>
  ..............
  <meta http-equiv=″Content-Type″ content=″text/html; charset=gb2312″>
  <meta name=″网页教学网″ content=″专业的网页教学站点″>
  <meta name=″版本″ content=″第二次改板″>
  <meta name=″内容″ content=″建站指南、网页制作,主页制作,网页特效,Flash动画制作...″>
  ..............
  </head>
  其中“name”的内容表示 META 标识符是包含关于当前页面的描述信息,“http-equiv”则表示为 HTTP 头部信息(HTTP-EQUIV)。
  
  2.插入关键字属性

  现今网上许多流行的搜索引擎机器人能读META标识符中的关键字属性,并根据所提供的信息在他们的数据库中进行索引。当浏览者在搜索网站上输入相关的关键字搜索时,你的网页地址就会列入其中。但有一些搜索引擎会限制你的关键字的数量,多余的关键字就会被忽略。
  例如:
  <meta name=″keywords″ content=″网页教学网,http://www.webjx.com″>
  <meta name=″keywords″ content=″建站指南、网页制作,主页制作,网页特效,Flash动画制作″>
  其中“keywords”为关键字,“content”内容为关键字的属性。

  3.插入网页简述属性

  与关键字(Keywords)的性质一样,网页简介是给搜索引擎机器人提供关于当前网页的大致简介,同样有一些搜索引擎会限制你的简介的字数。
  举例:
  <meta name=″description″ content=″网页教学网(http://www.webjx.com)--网页教学网,闪电儿″>

  4.插入网页刷新属性

  例如:
  <meta http-equiv=″refresh″ content=″5;URL=http://www.webjx.com″>
  这段代码的意思是:网页过5秒后,当前页面自动跳转到“http://www.webjx.com”。其中“content”中的“5”表示间隔为5秒,也可以更改为“3”、“4”等其他时间,由网页作者自定;“URL”后接想要跳转到的其他页面的地址。

  <meta http-equiv=″refresh″ content=″3″>
  这一段代码的意思是:网页过3秒后,当前页面自动刷新。其中“content”中的“3”表示间隔为3秒,也可以更改为“4”、“5”等其他时间,也由网页作者自定。

  5.插入网页基链接属性

  如果你的一个页面中的全部链接都使用相对路径链接,而你想将其都改为网上的同一个绝对路径链接,可以通过对网页基链接属性的设置来实现。
  例如:
  <base href=″http://www.webjx.com/″ target=″_blank″>
  如上,你网页上的所有相对路径在链接时都将在前面加上“http://tinyniu.yeah.net/”。其中“target=″_blank″”是链接文件在新的窗口中打开,你可以做其他设置。将“_blank”改为“_parent”是链接文件将在当前窗口的父级窗口中打开;改为“_self”链接文件在当前窗口(帧)中打开;改为“_top”链接文件全屏显示。

时间: 2024-10-28 16:55:08

网页头部属性设置技巧的相关文章

网页头部信息优化

很多时候,我们在做主页时会忽略了网页头部属性的设置.网页头部属性是指 html 文件中被 <head> 标识符所作用的区域,html 文件的头部信息包括了对当前文件一些信息的收集,对 <head> 区的属性进行修改后,不会直接影响到该文件的视觉效果.但通过对其进行设置,将使我们的主页制作过程更加规范.使用更方便. 现在就让我们来看看如何设置一些主页的头部属性: 1.meta标识符 meta标识符是主页头部元素用以记录当前页面的一些重要信息,例如网页的字符集.作者.版本.网页关键字等

Gridview利用DataFormatString属性设置数据格式的方法_实用技巧

本文实例讲述了Gridview利用DataFormatString属性设置数据格式的方法.分享给大家供大家参考,具体如下: 首先把Gridview的AutoGenerateColumns属性设为False(默认是False),DataField选择相应的字段,特别需要注意的是要把需要设置的字段的HtmlEncode属性设置为False,否则所设置的格式将无法显示,然后就可以设置每个字段的 DataFormatString属性来输出不同的格式了. DataFormatString 属性语法如下:

总结网页代码常用小技巧,网页制作必学

技巧|网页 1.让浏览器窗口永远都不出现滚动条. 〈body style="overflow-x:hidden;overflow-y:hidden"〉或〈body style="overflow:hidden"〉 或〈body scroll=no〉2,没有水平滚动条〈body style="overflow-x:hidden"〉3,没有垂直滚动条〈body style="overflow-y:hidden"〉 2,如何给图片抖

HTML网页头部代码全接触

 对于刚刚开始学习HTML的新手而言,了解网页头部代码是非常必要的.       以下所有代码全是在<head>...</head>之间,具体内容有:       1.<title>-</title>       标题元素,帮助用户更好识别文件,有且只有一个.当作为首页或收藏时做文件名.       2.<link>-</link>       显示本文档和其它文档之间的关系:<link rel="stylesheet

Dreamweaver制作网页的段落排版技巧

在使用Dreamweaver进行网页制作中有关文档资料内容的网页时,如果是英文书写格式,段落一般不缩进(不支持半角空格);如果需要缩进往往需要用如下方法解决: 1.人为的加入两个中文全角空格,才能够显示出位置缩进效果. 2.插入点图或图形 点图是指图片中只有一个或几个像素点,用肉眼看不出来.当我们在段落开头插入这样一个点图,并用HSPACE和VSPACE属性来调整点图的左右和上下的空格,以达到段落缩进. 同样可以插入图形,只不过该图形的颜色需要用网页背景色,这种方式用IMG的WIDTH和HEIG

CSS设置技巧

一.单位和值 1.1 颜色值 在网页中的颜色设置是非常重要,有字体颜色(color).背景颜色(background-color).边框颜色(border)等,设置颜色的方法也有很多种: 1.英文命令颜色 前面几个小节中经常用到的就是这种设置方法: p{color:red;} 2.RGB颜色 这个与 photoshop 中的 RGB 颜色是一致的,由 R(red).G(green).B(blue) 三种颜色的比例来配色. p{color:rgb(133,45,200);} 每一项的值可以是 0~

Win8.1导航优化 启动进桌面等多项设置技巧

我们知道,微软的跨平台操作系统Windows 8不仅提供了大家熟悉的Windows传统桌面,也特别为触控设备提供了遍布彩色动态或静态磁贴的"开始屏幕",并且Win8.1系统启动后会直接进入"开始屏幕"界面.新的界面给用户很多新鲜感也带来一下困惑:比如用户进入Win8.1传统桌面需要点击"桌面"磁贴或者按下"Win+D"等快捷键,所以许多习惯使用传统桌面的用户一直在想办法希望Win8系统启动后直接进入Windows传统桌面,于是

网页图片特效小技巧

技巧|特效|图片特效|网页 这几个网页图片特效小技巧基本主要利用了一些鼠标控制语句.css滤镜代码,加上简单的javascript语句实现的,简单有趣,可以作为帮助一些朋友javascript入门的小例子. 图片循环渐显渐隐 效果描述:图片循环渐显渐隐-- 实现方法: 1.把如下代码加入<body>区域中: <img src="http://www.webjx.com/htmldata/2005-05-25/image1.gif" name="u"

Dreamweaver占位符设置技巧

  在设计网页的时候,在图片位中的图片还没有设计好,但是我们此时就需要保留这个位置,这时我们就会用到"图像占位符"这个功能. 今天小编为大家介绍一下占位符的各种属性设置. 在dreamweaver中插入占位符后,我们可以用鼠标选中占位符,这时在软件下方出现占位符的属性面板,此时我们就可以在属性中可以对占位符的颜色.大小.链接等进行设置.         注:更多精彩教程请关注三联软件使用栏目