HEAD区元素的整理
在HTML代码中<HEAD>。。。</HEAD>之间的代码就是网页头元素,里面的内容不会显现在网页中,因此很容易被别人遗忘,但是如果能够掌握它的概念和使用方法,则是非常有用的。HEAD区的代码主要是用来描述此HTML的一些基本数据,或设置一些特殊功能,例如文档类型、语言编码、JavaScript和VBscript的函数和变量、搜索引擎的关键字和内容提示等。下面根据我学到的知识和在网上查找到的一些资料,我把HEAD区里面的主要标签及内容整理一下。小生才疏学浅有什么不对的地方还请各位多多包涵多多指正。
HEAD区主要标记有以下几种:title标记;LINK标记;META标记;还有一些程序代码,下面我一一来介绍:
一,<title>......</title>标记。
该标记做用是显示网页的标题,用法十分简单,把网页标题放置在<title>和</title>之间既可,该网页标题就会在浏览器的标题栏里出现。
二,link标记:
link标记主要用来定义当前文档和其它文件之间的关系。它的主要作用有:使用CSS的外部样式表,自定义收藏夹的图标。使用方法如下:
1,调用外部样式表:
程序代码
<link rel="stylesheet" href="XXX.css" type=text/css>
把XXX换成你的CSS文件名既可。
2,个性图标
程序代码
<link rel="Shortcut Icon" href="favicon.ico">
IE地址栏前换成自己的图标
说明:关于favicon.ico文件的制作。你可以先做一个图片,属于你自己站点的一个小图标,16x16 的图标文件,颜色不要超过 16 色。然后在ACD see将文件属性改为*.ico,然后将你做的*.ICO文件传到你的服务器目录中,然后就可以使用以上代码来实现,当别人登陆你的站点时,地址栏里使用的就是你自定义的图标了。很PP哦。
程序代码
<link rel="Bookmark" href="favicon.ico">
可以在收藏夹中显示出你的图标
说明:制作方法和上面的一样。只是显示的方式不同,这个是在别人收藏你的网页地址时显示的个性图标。也很PP.
三,meta标记
meta标记是head区中使用最多的一种标记,也是最重要的一种标记。它可以记录当前页面的信息,例如字符编码、作者、版权和关键字等。还可以用来向服务器提供信息,例如截止日期和页面刷新间隔等。meta标记有两个值(不知道可不可以这样说...-_-!!):name和http-equiv。下面我们一个一个的来说:
name
name 主要用于描述网页,形式是这样的<meta name="xxx" content="......"> ,其中xxx是要描述的项目名称,content后是具体的描述内容。
name的应用主要有:
1,<meta name="generator" content="说明编辑本网页使用的工具">
2,<meta name="keywords" content="本网页的关键词,以备被搜索引擎收录,不同的关键词之间用逗号隔开">
3,<meta name="description" content="网页的简单描述">
4,<meta name="author" content="网页作者的资料">
5,<meta name="revised" content="该网页的版本">
6,<meta name="others" content="可设置其它有关该网页的信息">
7,<meta name="ROBOTS" content="">
这一条是为机器人自动搜索引擎准备的。其中content=""引号中的值:
设定为"all"时文件将被检索,且页上链接可被查询;
设定为"none"则表示文件不被检索,而且不查询页上的链接;
设定为"index"时文件将被检索;
设定为"follow"则可查询页上的链接;
设定为"noindex"时文件不检索,但可被查询链接;
设定为"nofollow"则表示文件不被检索,但可查询页上的链接.
http-equiv
http-equiv 顾名思义相当于 http 文件头的作用,可以直接影响网页的传输。其使用的形式和name一样,都是这样:<meta http-equiv="xxx" content="......"> xxx是要设置的项目名称,content后是具体的内容。
http-equiv的应用主要有以下方面:
1,
程序代码
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
网页内容类型,TXT或HTML格式,编码方式为GB2312 (简体中文)
2,
程序代码
<meta http-equiv="refresh" content="5; URL=index.htm">
设置网页自动跳转,content后跟的是时间,单位是秒。URL是跳转到的网址。
3
程序代码
,<meta http-equiv="Pragma" content="no-cache">
强制性调用网上的最新版本。浏览器为了节约时间,在本地硬盘上保存一个网上文件的临时版本。在你要重新调用时,直接显示硬盘上的文件,而不是网上的。如果你想让读者每次都看到最新的版本,就加上这句话。
4,
程序代码
<meta http-equiv="window-target" content="_top">
可以防止网页被别人作为一个Frame调用.
5,
程序代码
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
设定网页的到期时间。一旦网页过期,必须到服务器上重新调阅。
6,
程序代码
<meta http-equiv="Page-Enter" content="revealTrans(duration=10, transition=50)">
<meta http-equiv="Page-Exit" content="revealTrans(duration=20, transition=6)">
网页间转换时加入效果.加在一个网页中,进出时有一些特殊效果,这个功能即FrontPage 98的Format/Page Transition.不过注意所加网页不能是一个Frame页;
Duration的值为网页动态过渡的时间,单位为秒。Transition是过渡方式,它的值为0到23,分别对应24种过渡方式。如下表:
0, 盒状收缩
1 ,盒状放射
2 ,圆形收缩
3, 圆形放射
4, 由下往上
5 ,由上往下
6 ,从左至右
7 ,从右至左
8, 垂直百叶窗
9 ,水平百叶窗
10 ,水平格状百叶窗
11,垂直格状百叶窗
12, 随意溶解
13,从左右两端向中间展开
14,从中间向左右两端展开
15,从上下两端向中间展开
16,从中间向上下两端展开
17, 从右上角向左下角展开
18 ,从右下角向左上角展开
19 ,从左上角向右下角展开
20 ,从左下角向右上角展开
21, 水平线状展开
22 ,垂直线状展开
23 ,随机产生一种过渡方式
四,HEAD区中还有一些代码。
如CSS代码,和javascript或vbscript代码。
CSS包含在<style>和</style>中。
javascript或vbscript代码要包含在<script>和</script>中。
把javascript或vbscript代码放在HEAD区的好处是可以使程序代码集中放置,这样可以确保在body部分调用代码之前所有程序代码都被读取并解码。
HEAD区元素的整理相关推荐
- python集合增加元素_python集合的新增元素方法整理
我们可以把全体人数当作一个集合,想要往其中加入新人有不同的增加方式.可以一周增加一次,也可以集中到月底一起加入集体.我们今天所要讲的在python集合中,添加元素的两种方法就可以这样理解.一个是整体加 ...
- python里的集合add函数_python集合的新增元素方法整理
我们可以把全体人数当作一个集合,想要往其中加入新人有不同的增加方式.可以一周增加一次,也可以集中到月底一起加入集体.我们今天所要讲的在python集合中,添加元素的两种方法就可以这样理解.一个是整体加 ...
- C语言学习记录——鹏哥二分法查找数组中元素 复习整理
#include <stdio.h> #include <string.h> int main() {//初始化一维整型数组int arr[10] = { 1,2,3,4,5, ...
- HTML的表单元素(整理)
关于HTML最后的知识点,就写一篇关于表单元素的知识总结. form元素 HTML 表单用于收集用户输入. form元素定义 HTML 表单: <form action="" ...
- 元素对应到html源代码,【整理】用Chrome或Chromium查看百度首页中各元素的html源码...
折腾: [已解决]Mac中用Selenium自动操作浏览器实现百度搜索 和: [未解决]Mac中用puppeteer自动操作浏览器实现百度搜索 期间,都涉及到: 用Chrome(和Chromium)去 ...
- 一文看懂js中元素的客户区大小(clientWidth,clientHeight)
元素的客户区 元素的客户区大小,指的是元素内容及其内边距(padding)所占据的空间大小. 相关属性如下: clientWidth:元素内容区宽度+元素左右内边距 clientHeight:元素内容 ...
- JAVA知识梳理(日常整理)
Java基础 JAVA 中的几种数据类型是什么,各自占用多少字节. String 类能被继承吗,为什么. 不能被继承,因为String类有final修饰符,而final修饰的类是不能被继承的. *很多 ...
- Java虚拟机学习整理笔记
概述 每个Java开发人员都知道字节码经由JRE(Java Runtime Environment,Java运行时环境)执行.但他们或许不知道JRE其实是由JVM(Java Virtual Machi ...
- java内存模型 年轻代/年老代 持久区
jvm中的年轻代 老年代 持久代 gc 虚拟机中的共划分为三个代:年轻代(Young Generation).老年代(Old Generation)和持久代(Permanent Generation) ...
最新文章
- sql 备份.bat
- Android 画虚线边框
- win7/IE8无法加载QCbin的插件
- Android键盘面板冲突 布局闪动处理方案
- salesforce开发入门1
- Android开发如何进阶?
- python怎么把cpu占满_如何增加python CPU使用率
- 优酷宠爱剧场发布新片单 包括近30部待播精品剧
- 数字全息实验-实例演示
- 测试音频质量的软件,音频测试工具V5.5
- 高铁订票系统设计C语言,数学建模 高铁订票系统建模
- 微服务之Spring Cloud Alibaba Nacos基础学习
- 北京首都国际机场1号航站楼、2号航站楼、3号航站楼航空公司名单
- Golang 的 mgo 连接池
- golang not enough arguments in call to uuid.Must have (uuid.UUID) want (uuid.UUID, error)
- 用java实现复数的_Java实现复数运算
- 那些年我在兄弟连学的PHP
- while、dowhile和for循环
- 找到Tiny OS的创始人,畅谈新时代的爆款“物联网”
- 2022年道路运输企业安全生产管理人员考试内容及道路运输企业安全生产管理人员操作证考试