<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"/>

HTML笔记（七）head相关元素<base> & <meta>的更多相关文章

  1. HTML笔记（五）表单<form>及其相关元素

    表单标签<form> 表单是一个包含表单元素的区域. 表单元素是允许用户在表单中输入信息的元素. 输入标签<input> 输入标签的输入类型由其类型属性type决定.常见的输入 ...

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

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

  3. 《MFC游戏开发》笔记七 游戏特效的实现(一)：背景滚动

    本系列文章由七十一雾央编写,转载请注明出处. http://blog.csdn.net/u011371356/article/details/9344721 作者:七十一雾央 新浪微博:http:// ...

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

    一.操作属性 1.什么是属性: <div class="div" id="div1" style="" ></div> ...

  5. Linux学习笔记(七) 查询系统

    1.查看命令 (1)man 可以使用 man 命令名称 命令查看某个命令的详细用法,其显示的内容如下: NAME:命令名称 SYNOPSIS:语法 DESCRIPTION:说明 OPTIONS:选项 ...

  6. amazeui学习笔记--css（HTML元素5）--表格Table

    amazeui学习笔记--css(HTML元素5)--表格Table 一.总结 1.基本样式:am-table:直接模块名  <table class="am-table"& ...

  7. amazeui学习笔记--css（HTML元素4）--图片image

    amazeui学习笔记--css(HTML元素4)--图片image 一.总结 1.响应式图片:随着页面宽度而变化 .am-img-responsive class. <img src=&quo ...

  8. go微服务框架kratos学习笔记七(kratos warden 负载均衡 balancer)

    目录 go微服务框架kratos学习笔记七(kratos warden 负载均衡 balancer) demo demo server demo client 池 dao service p2c ro ...

  9. DSP EPWM学习笔记2 - EPWM相关寄存器设置问题解析

    DSP EPWM学习笔记2 - EPWM相关寄存器设置问题解析 彭会锋 本篇主要针对不太熟悉的TZ 故障捕获 和 DB 死区产生两个子模块进行学习研究 感觉TI的寄存器命名还是有一定规律可循的 SEL ...

随机推荐

  1. Google Map: JavaScript API RefererNotAllowedMapError

    visite https://console.developers.google.com/apis/credentials and select the project you use. http:/ ...

  2. linux系统修改CST时区

    ================================================= [root@tzyyserveryg ~]# date -R Fri, 28 Nov 2014 08 ...

  3. Android内存溢出解决方案（OOM）

    众所周知,每个Android应用程序在运行时都有一定的内存限制,限制大小一般为16MB或24MB(视平台而定).因此在开发应用时需要特别关注自身的内存使用量,而一般最耗内存量的资源,一般是图片.音频文 ...

  4. php number_format()保留小数点后几位

    [PHP_保留两位小数的相关函数] php保留两位小数并且四舍五入 Php代码   1     $num = 123213.666666;  2     echo sprintf("%.2f ...

  5. 【PHP设计模式 11_QiaoJie.php】桥接模式(针对 二维模型)

    <?php /** * [桥接模式(针对 二维模型)] * 对于多维度需要处理的事情,多耦合 * 第一维度,发送信息的类型:站内信.email.手机短信 * 第二维度,发送信息的紧急程度:普通. ...

  6. ectouch第九讲 之ectouch 开始调试模式方法

    ectouch 开始调试模式方法 原文: http://my.oschina.net/u/1036767/blog/407067页面报错对于发现编程过程中的问题很重要,所以在开发之前要先搞定它,免得出 ...

  7. 微信公众平台消息接口API指南

    简介 微信公众平台消息接口为开发者提供了一种新的消息处理方式.微信公众平台消息接口为开发者提供与用户进行消息交互的能力.对于成功接入消息接口的微信公众账号,当用户发消息给公众号,微信公众平台服务器会使 ...

  8. Yahoo! s4和Twitter storm的粗略比较

  9. window下appserv组合包配置asp标记风格与简短风格

    php一共有四种编码风格 分别为 :XML风格,脚本分铬,简短风格,ASP风格 如果要配置asp标记风格与简短风格,需要在php.ini文件中配置. 打开文件的位置C:\ window\php.ini ...

  10. C++Lua配置

    1.先从lua官网下载lua新版本http://www.lua.org/,我这里以lua-5.3.0.tar.gz为例,大小不到300kb 2.解压后出现如下图 3.在vs2013新建工程静态库类型( ...