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

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

  • <base>元素

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

  1. <html>
  2. <head>
  3.     <base href="http://www.w3school.com.cn/i/" />
  4.     <base target="_blank" />
  5. </head>
  6.  
  7. <body>
  8.     <!-- head部分已经规定了一个基准UR。 -->
  9.     <img src="eg_smile.gif" />
  10.  
  11.     <p><a href="http://www.w3school.com.cn">W3School</a></p>
  12. </body>
  13. </html>
  • <meta>元素

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

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

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

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

　　① name属性和content属性

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

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

　　② http-equiv属性和content属性

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

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

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

　　更多细节

  1. <meta http-equiv="Content-Type" content="text/html />
  2. <meta http-equiv="charset" content="gb2312" />
  3. <meta http-equiv="expires" content="Wed, 20 Jun 2007 22:33:00 GMT" />
  4. <meta http-equiv="Refresh" content="2；URL=http://www.net.cn/" /＞
  5. <meta http-equiv="Pragma" content="no-cache" /＞
  6. <meta http-equiv="Set-Cookie" content="cookievalue=xxx;expires=Wednesday, 20-Jun-2007 22:33:00 GMT； path=/"  />
  7. <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. innodb double write buffer

    两次写是innodb的一个重要特性,目的是为了保证在异常down机或者没电的情况下,保证数据的安全可靠.一次是往内存的double write buffer中写,一次是在刷共享表空间的连续128个页. ...

  2. 常用的rpm和yum的一些命令

    常用的rpm命令  rpm -qa | grep coreutils    <-- 查看系统上是否已经安装了coreutils  rpm -qi coreutils           < ...

  3. game of life

    class Solution { public: void gameOfLife(vector<vector<int>>& board) { queue<int& ...

  4. mongo 日记

    分组代码片段 命令行代码: aggregate({$group:{_id:{A:'$A',B:'$B',C:'$C'}}}) 拿出唯一号有重复的数据: > db.aaaa.aggregate([ ...

  5. 通达OA 同步中控考勤机 增强版

    如果你用的是中控考勤机且考勤机能联网,那恭喜有福了! 最近发现考勤机提供web方式查询,经过调试可以用程序直接读取考勤机数据跨过考勤机软件及其access数据库,数据同步及时性.可靠性大幅提高. 通达 ...

  6. hdwiki中插件开发指南

    插件就是为了满足个性化需求按照HDWiki插件开发规范编写的可插拔程序,虽然可以直接对HDWiki进行二次开发实现插件同样的功能,但是这样做势必影响到系统的升级和稳定性. 采用插件的方式,可以随时进行 ...

  7. [工具][windows][visualStudio][充电]番茄助手vaassist常见用法

    参考:http://blog.csdn.net/hotdog156351/article/details/43955565 1 安装好VAS打开VS2010之后,首先关闭VA outline与VA V ...

  8. js笔记---封装一般运动

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  9. js判断radio，checkbox是否选中

    从数据库循环数据,多选按钮数组 function type_1(){ //多选 var b= document.getElementsByName('service_zj_ids[]');  var ...

  10. Unity-Animator深入系列---剪辑播放后位置预判(Animator.Target)

    回到 Animator深入系列总目录 animator.SetTarget(...);可以在播放前预判剪辑播放后的位置,但只限于人形动画 参数1是预判的关节,参数2是映射的剪辑时间 调用后通过targ ...