在HTML网页的头部,有许多的标签和相关代码需要网站建设人员必须要了解的,本网页介绍关于HTML网页头部代码的问题。这些代码要加在<head>和</head>之间,表示这些代码都属于头部代码。下面,郑州网站建设为各位整理了一下常用的头部代码,可供各位技术人员在网站建设时参考使用,这些代码,网站建设人员可以根据实际需要来采用,在使用的时候需要按照语法要求来加到网页上<head>标签里。
1、<title>和</title>标签:该标签为标题元素,其作用为网页的主要内容的概括,能够帮助浏览者更好地识别网页的内容和功能,该标签在网页头部是必须的标签,而且只能存在一个title标签,不能出现多个。
2.<base>和</base>标签:该标签指明本网页的相对路径定义绝对路径url。
3、<link>和</link>标签:该标签表示连接文件的作用,表明本网页需要连接的其他的资源文件,如css文件等。使用实例如下面所示:<link rel=“stylesheet” href=“s.css”>。其中rel说明html所连接的其他资源文件之间的关系类型,而href说明文件所在路径和文件名。
4.<script>和<script>标签:该标签表示用于包含脚本语言写的脚本程序,通常是javascript或vbscript脚本。该脚本可以为网页实现一些较为特殊的一些功能。
5.<style>和</style>标签:该标签表示本网页所使用的各种样式定义。我们可以在标签里定义各种所需要的样式,然后将样式应用于网页上的相应元素。
6、<meta>和</meta>标签:meta标签是用来在HTML网页中模拟HTTP协议的响应头报文。
meta标签的常见功能有以下几个方面:
(1)帮助主页被各大搜索引擎登录;
(2)定义页面的使用语言;
(3)自动刷新并指向新的页面;
(4)实现网页转换时的动画效果;
(5)网页定级评价;
(6)控制页面缓冲;
(7)控制网页显示的窗口。
meta 的属性有两种:即name和http-equiv。
name属性主要用于描述网页,对应于content(网页内容),以便于搜索引擎机器人查找、分类(目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类)。其中最重要的是description(网页在搜索引擎上的描述信息)和keywords(网页上的关键词),这两个标签对于网站优化起到非常大的作用,所以应该给每页加一个meta值。
常见的meta标签使用方式如下:
(1)<meta name="Keywords" contect="郑州网站建设,郑州网站优化,郑州网站制作">向搜索引擎指明网页的关键词序列;
(2)<meta name="Description" contect="网页介绍关于郑州网站建设方面的主要知识">向搜索引擎表明网页的主要内容介绍;
(3)<meta name="Author" contect="kxcom.net">向搜索引擎说明网页制作的作者;
(4)<meta name="Robots" contect="all|none|index|noindex|follow|nofollow">
这里的属性值分别介绍一下:
设定为all:该值表示网页将被所有搜索引擎索引,并且页面上的链接可以被抓取,此值也是网页的默认值;
设定为none:网页将不被搜索引擎索引,并且页面上的链接也不可以被抓取;
设定为index:网页将被搜索引擎索引;
设定为follow:网页上的链接可以被抓取;
设定为noindex:网页将不被检索,但页面上的链接可以被抓取;
设定为nofollow:网页将不被检索,页面上的链接可以被抓取。
下面开一下http-equiv的属性:
(1)<meta http-equiv="Content-Type" contect="text/html";charset=gb2312">和<meta http-equiv="Content-Language" contect="zh-CN">用以说明网页制作所使用的文字以及语言;
(2)<meta http-equiv="Refresh" content="n; url=http://www.kxcom.net">定时刷新网页并让网页在指定的时间n秒内,跳转到页面http://www.kxcom.net页面上;
(3)<meta http-equiv="Expires" content="Mon,12 May 2014 00:20:00 GMT">用于设定网页的到期时间,一旦过期则必须到服务器上重新调用,此值可以用于设置缓存功能,需要注意的是必须使用GMT时间格式;
(4)<meta http-equiv="Pragma" contect="no-cache">用于设定禁止浏览器从本地机的缓存中调阅页面内容,设定后一旦离开网页就无法从Cache中再调出;
(5)<meta http-equiv="set-cookie" contect="Mon,12 May 2014 00:20:00 GMT">表示cookie设定,如果网页过期,已经存储的cookie将会被删除,需要注意的也是必须使用GMT时间格式;
(6)<meta http-equiv="Page-Enter" contect="revealTrans(duration=20,transtion=10)">和<meta http-equiv="Page-Exit" contect="revealTrans(duration=20,transtion=10)">设定进入和离开页面时的特殊效果,即在Duration的时间(单位为秒)内,实现特殊的功能,这些特殊功能即transtion的值包括:
0:盒状收缩;
1:盒状放射;
2:圆形收缩;
3:圆形放射;
4:由下往上;
5:由上往下;
6:从左至右;
7:从右至左;
8:垂直百叶窗;
9:水平百叶窗;
10:水平格状百叶窗;
11:垂直格状百叶窗;
12:随意溶解;
13:从左右两端向中间展开;
14:从中间向左右两端展开;
15:从上下两端向中间展开;
16:从中间向上下两端展开;
17:从右上角向左下角展开;
18:从右下角向左上角展开;
19:从左上角向右下角展开;
20:从左下角向右上角展开;
21:水平线状展开;
22:垂直线状展开;
23:随机产生一种过渡方式。
这一功能的实现并不适合所有的浏览器,因此在使用的时候可以根据测试的结果来决定是否使用。