HTML笔记(七)head相关元素<base> & <meta>

  <head>元素是所有头部元素的容器。

  可添加的标签有:<title>、<base>、<link>、<meta>、<script>和<style>。

  • <base>元素

  <base>标签规定了页面上的所有链接的默认地址或默认目标target。

<html>
<head>
    <base href="http://www.w3school.com.cn/i/" />
    <base target="_blank" />
</head>

<body>
    <!-- head部分已经规定了一个基准UR。 -->
    <img src="eg_smile.gif" />

    <p><a href="http://www.w3school.com.cn">W3School</a></p>
</body>
</html>
  • <meta>元素

  <meta>元素提供有关页面的元信息meta-infomation,如针对搜索引擎和更新频率的描述好关键字。

  <mata>不包含任何内容,其属性定义了与文档相关联的键 / 值对。

  所有服务器至少要发送一个:content-type: text/html。

  content属性主要是为键 / 值对提供值。它必须和name属性或者http-equiv属性一起使用。

  ① name属性和content属性

  name属性主要为键 / 值对提供键的名称。支持的属性值包括:author、description、keywords、generator、revised和others。

<meta name="author"content="X" />
<meta name="revised" content="X,9/1/15" />
<meta name="generator "content="Aptana 3.0" />
<meta name="keywords" content="Hello,Speak,Human,Computer" />
<meta name="description"content="This is a test." />

  ② http-equiv属性和content属性

  http-equiv属性主要为键 / 值对提供键的名称。支持的属性值包括:content-type、expires、refresh和set-cookie等。

  content属性主要是为键 / 值对提供值。它必须和name属性或者http-equiv属性一起使用。

  当服务器向浏览器发送文档时,会先发送多个键 / 值对。

  更多细节

<meta http-equiv="Content-Type" content="text/html />
<meta http-equiv="charset" content="gb2312" />
<meta http-equiv="expires" content="Wed, 20 Jun 2007 22:33:00 GMT" />
<meta http-equiv="Refresh" content="2;URL=http://www.net.cn/" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Set-Cookie" content="cookievalue=xxx;expires=Wednesday, 20-Jun-2007 22:33:00 GMT; path=/"  />
<meta http-equiv="Window-target" content="_top"/>
时间: 2024-10-22 01:35:33

HTML笔记(七)head相关元素<base> & <meta>的相关文章

HTML笔记(五)表单&lt;form&gt;及其相关元素

表单标签<form> 表单是一个包含表单元素的区域. 表单元素是允许用户在表单中输入信息的元素. 输入标签<input> 输入标签的输入类型由其类型属性type决定.常见的输入类型如下: 文本域Text Field <input type="text" name="inputname" /> 单选按钮Radio Button 注意:只能从中选其中一个. <form> <input type="radio

jQuery整理笔记七----几个经典表单应用

1.文本框获得(失去)焦点 当文本框获得输入焦点时,将该文本框高亮显示,算不得一个应用,仅仅是一个小技巧,能够提高用户体验. <!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/

python学习笔记七:条件&循环语句

1.print/import更多信息 print打印多个表达式,使用逗号隔开 >>> print 'Age:',42 Age: 42   #注意个结果之间有一个空格符 import:从模块导入函数 import 模块 from 模块 import 函数 from 模块 import * 如果两个模块都有open函数的时候, 1)使用下面方法使用: module1.open()... module2.open()... 2)语句末尾增加as子句 >>> import ma

J2SE知识点归纳笔记(七)---Java IO Part 3:基本字节流

J2SE知识点归纳笔记(七)---Java IO Part 3:基本字节流                                                                 --转载请注明出处:coder-pig 本节引言: 在上一节中我们学习了控制台输入数据的方法以及对Java IO流体系图进行了初步的了解, 在本节中我们针对性地学习一些基本字节流与字符流的使用~开始本节内容: 1.InputStream与OutputStream的相关方法: 首先要说一点的是:这

【2017-03-31】JS-DOM操作:操作属性、彩虹导航栏、定时器、操作内容、创建元素并添加、操作相关元素

一.操作属性 1.什么是属性: <div class="div" id="div1" style="" ></div> 其中class   id   style   都是这个div的属性 <input type="button" value="这是一个按钮" disabled="disabled"  aa="haha" /> dis

html5学习笔记(3)--主题结构元素-1

html5学习笔记(3)--主题结构元素-1 Article元素 以下为对应代码: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <article> <header> <h1>极客学院</h

马哥学习笔记七——LAMP编译安装之MYSQL

1.准备数据存放的文件系统 新建一个逻辑卷,并将其挂载至特定目录即可.这里不再给出过程. 这里假设其逻辑卷的挂载目录为/mydata,而后需要创建/mydata/data目录做为mysql数据的存放目录. 2.新建用户以安全方式运行进程: # groupadd -r mysql # useradd -g mysql -r -s /sbin/nologin -M -d /mydata/data mysql # chown -R mysql:mysql /mydata/data 3.安装并初始化my

Lua学习笔记(七):迭代器与泛型for

1.迭代器与闭包 迭代器是一种支持指针类型的结构,它可以遍历集合的每一个元素.在Lua中我们常常使用函数来描述迭代器,每次调用该函数就返回集合的下一个元素. 迭代器需要保留上一次成功调用的状态和下一次成功调用的状态,也就是他知道来自于哪里和将要前往哪里.闭包提供的机制可以很容易实现这个任务.记住:闭包是一个内部函数,它可以访问一个或者多个外部函数的外部局部变量.每次闭包的成功调用后这些外部局部变量都保存他们的值(状态).当然如果要创建一个闭包必须要创建其外部局部变量.所以一个典型的闭包的结构包含

【笔记】UML核心元素

1.参与者 定义:在系统之外与系统交互的某人或某物. 特点:1.可以非人:2.与系统直接交互:3.主动发出动作并获得反馈:4.涉众(stakerholder)的代表 具有两个版型: 1.业务主角(business actor): 在需求阶段中用于业务建模 特点:针对业务人员而非计算机用户 2.业务工人(business worker) 特点:在业务过程中,扮演某一环节不可或缺的部分,但是该业务并非其主动提出,并获得最后的反馈: 2.用例 定义:定义了一组用例实例,其中每个实例都是系统所执行的一些