Lesson02_05 头元素
头元素是指位于<head></head>标签对之间的元素,主要包括:
<title></title>
显示在标题栏上的内容
<base>
用于指定网页中的所有超链接的基准地址,以改变网页中的所有使用相对地址的URL的基准地址.
<base>标签的使用形式如下:
<base href="http://www.loncer.cn/JStudy/" target="_blank">
| 属性名 | 作 用 |
|---|---|
| href | 设定网页中所有HTTP协议的相对URL地址的基准地址,若网页中有如下的代码: <a href="Lesson01_03.html">Lesson01_03</a> 则此时点击时会打开Http://www.loncer.cn/JStudy/Lesson01_03.html |
| target | 用于设定网页中的所有超链接显示的目标窗口,这样可以省略在所有的超链接中 加入target属性 |
<link>
定义了当前一个文档与另外一个文档或资源之间的关系
| 属性名 | 作用 |
|---|---|
| href | 定义了另外一个资源的URL地址,必填的 |
| rel与rev | 定义了<link>所链接的两个资源之间的关系类型,二者必选一 |
| title | 说明链接的关系,也可以是描述目标资源的字符串,是可选的 |
| type | 给出目标资源的mime类型,例如: HTML为:"text/html" CSS为:"text/css" JavaScript为:"text/javascript" |
| media | 用于指定目标资料接收的介质或媒体,只有在指定的上输出才起作用
|
| Page-Enter | 载入网页时的效果 |
| Page-Exit | 离开网页时所显示的效果 |
<meta>
主要有两种类型的<meta>用不同的属性名来划分,即:name和http-equiv.
name属性:
用来在网页中加入一些关于网页的描述信息,其格式如下:<meta name="某个设置值" content="对这个设置值进行具体补充说明的信息"
| name | content |
|---|---|
| Keywords | 告诉搜索引擎放出的robot或spider,把content属性中填入的内容作为网页的关键词添加到搜索引擎中,content属性中的多个关键字可以使用逗号分隔,例如: <meta name="keywords" content="中国IT资料库,各种资料,下载"> |
| Description | 把content中的内容添加到搜索引擎中,作为对这个网页的内容描述,如果没有,则把网页开头的几行显示在搜索结果列表中的对该页的链接下面. |
| Robots | 告诉搜索引擎放出的robots可根据content中的设置对所采用的方式,可以是如下的值
|
| Generator | 用于说明编辑此网页所用的工具,content中为工具名 |
| Author | 用于说明网页的作者,content中为作者 |
| Copyright | 用于版权声明,content中为版权声明 |
http-equiv属性:
用来在html文档中模拟HTTP协议的响应消息头,当浏览器读取到网页文件中具有Http-equiv属性的<meta>标签时,它会用处理WWW服务器发送的响应消息头一样的方式来对待.
| 属性名 | 作用 |
|---|---|
| Content-Type | 说明网页内容的MIME类型以及文本内容所使用的字符集编码,例如: <meta http-equiv="Content-Type" content="text/html;charset=gb2312"> |
| Refresh | 指定在某一段时间后自动对网页进行刷新,例如: <meta http-equiv="Refresh" content="1">一秒刷新一次网页 也可以在时间后加一个URL,在指定的时间内跳转到这个网页,例如: <meta http-equiv="Refresh" content="1";url=http://www.thinkme.cn> 注:URL与时间之间用逗号分隔 |
| Expires | 指定网页在浏览器中的到期时间,如浏览器所在的计算机的时间超过content中指定的时间,则访问时必须到服务器上重新下载.要注意的是:content属性中的>设置必须使用GMT时间格式,例如: <meta http-equiv="expires" content="Mon,12, May 2006 00:20:00 GMT"> 注:将content设置为0,可以禁止浏览器使用缓存页面 |
| Windows-Target | 强制页面在某个窗口中显示.例如用如下代码可以防止自己的网页被别人做为一个frame页面调用 <meta http-equiv="Windows-Target" content="_top"> |
| Pragma | 用于禁止浏览器在本地计算机上缓存此网页,如下: <meta http-equiv="Pragma" content="no-cache"> |
相关推荐
-
Lesson02_05 头元素
头元素是指位于<head></head>标签对之间的元素,主要包括: <title></title> 显示在标题栏上的内容 <base> 用于指定网页中的所有超链接的基准地址,以改变网页中的所有使用相对地址的URL的基准地址.<base>标签的使用形式如下:<base href="http://www.loncer.cn/JStudy/" target="_blank"> 属性表 属
-
Lesson02_05 头元素
头元素是指位于<head></head>标签对之间的元素,主要包括: <title></title> 显示在标题栏上的内容 <base> 用于指定网页中的所有超链接的基准地址,以改变网页中的所有使用相对地址的URL的基准地址.<base>标签的使用形式如下:<base href="http://www.loncer.cn/JStudy/" target="_blank"> 属性表 属
-
利用PHP实现递归删除链表元素的方法示例
前言 这篇文章介绍一下 递归,递归的本质是将原来的问题转化为更小的同一个问题,解决这些更小问题的过程.下面通过两个递归的例子帮助学习对递归的理解. 1.递归数组求和 例如某个数组 $arr = [1,2,3,4,5,6,7,8,9,10]; 需要求和,通过实现递归函数对数组求和来帮助学习对递归的理解. 1.1 输出文件 output_recursion.php <?php require 'ArrayRecursion.php'; /** * 递归实现数组求和 */ $arr = [1, 2,
-
Java用数组实现循环队列的示例
复习了下数据结构,用Java的数组实现一下循环队列. 队列的类 //循环队列 class CirQueue{ private int QueueSize; private int front; private int rear; private int[] queueList ; public CirQueue(int QueueSize){ this.QueueSize = QueueSize; queueList = new int[QueueSize]; front = 0; rear =
-
Python实现各种排序算法的代码示例总结
在Python实践中,我们往往遇到排序问题,比如在对搜索结果打分的排序(没有排序就没有Google等搜索引擎的存在),当然,这样的例子数不胜数.<数据结构>也会花大量篇幅讲解排序.之前一段时间,由于需要,我复习了一下排序算法,并用Python实现了各种排序算法,放在这里作为参考. 最简单的排序有三种:插入排序,选择排序和冒泡排序.这三种排序比较简单,它们的平均时间复杂度均为O(n^2),在这里对原理就不加赘述了.贴出来源代码. 插入排序: def insertion_sort(sort_lis
-
算法系列15天速成 第九天 队列
一:概念 队列是一个"先进先出"的线性表,牛X的名字就是"First in First Out(FIFO)",生活中有很多这样的场景,比如读书的时候去食堂打饭时的"排队".当然我们拒绝插队. 二:存储结构 前几天也说过,线性表有两种"存储结构",① 顺序存储,②链式存储.当然"队列"也脱离不了这两种服务,这里我就分享一下"顺序存储". 顺序存储时,我们会维护一个叫做"head头
-
Redis操作命令总结
一.key pattern 查询相应的key (1)redis允许模糊查询key 有3个通配符 *.?.[] (2)randomkey:返回随机key (3)type key:返回key存储的类型 (4)exists key:判断某个key是否存在 (5)del key:删除key (6)rename key newkey:改名 (7)renamenx key newkey:如果newkey不存在则修改成功 (8)move key 1:将key移动到1数据库 (9)ttl key:查询key的
-
JQuery 学习笔记 选择器之六
复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&qu
-
层序遍历在ExtJs的TreePanel中的应用
原理非常简单,就是树的层序遍历,在遍历过程中遇到第一个叶子节点即完成工作. 效果如下图:代码如下: 复制代码 代码如下: var currentRootNode = null;//当前选择的根节点 function NodeClass() { //定义一个节点类 var nodeValue = null; var nextNode = null;//下一个节点 } function InitQueue(queue) { //初始化一个队列 queue = new NodeClass();//头节
-
java 数据结构之栈与队列
java 数据结构之栈与队列 一:对列 队列是一种先进先出的数据结构 实现代码: package Queue; /* * 使用java构建队列,并模拟实现队列的入队和出对方法 */ public class Queue { //队列类 private int maxSize; //定义队列的长度 private int[] arrQueue; //队列 private int rear; //定义队列的尾指针 private int front; //定义队列的头指针 private int e