<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. Web前端开发工程师面试题

    Web前端开发工程师面试题1.说说css的优先级?2.在移动端中,常常使用tap作为点击事件,好处是?会带来什么问题?3.原生JS的window,onload与Jquery的$(document).r ...

  2. Hadoop三种安装模式:单机模式,伪分布式,真正分布式

    Hadoop三种安装模式:单机模式,伪分布式,真正分布式 一 单机模式standalone单 机模式是Hadoop的默认模式.当首次解压Hadoop的源码包时,Hadoop无法了解硬件安装环境,便保守 ...

  3. NFine - 全球领先的快速开发平台 Dapper Chloe

    http://www.nfine.cn/ 技术交流群:549652099 出处:http://www.cnblogs.com/huanglin/ 分享一个轻型ORM--Dapper选用理由 Chloe

  4. 点评js异步加载的4种方式

    主要介绍了点评js异步加载的4种方式,帮助大家更全面的了解js异步加载方式,感兴趣的小伙伴们可以参考一下 js异步加载的4种方式,点评开始. <!DOCTYPE html> <htm ...

  5. SQL算术数字的默认类型

    select 100*100*100*100*100 --错误:将 expression 转换为数据类型 int 时出现算术溢出错误. select   cast(1000 as  bigint) * ...

  6. (摘至)程序员老鸟写sql语句的经验之谈

    做管理系统的,无论是bs结构的还是cs结构的,都不可避免的涉及到数据库表结构的设计,sql语句的编写等.因此在开发系统的时候,表结构设计是否合理,sql语句是否标准,写出的sql性能是否优化往往会成为 ...

  7. ural 1109,NYOJ 239,匈牙利算法邻接表

    NYOJ 239:http://acm.nyist.net/JudgeOnline/problem.php?pid=239 ural 1109 :http://acm.timus.ru/problem ...

  8. HashMap原理详解

    HashMap 概述 HashMap 是基于哈希表的 Map 接口的非同步实现.此实现提供所有可选的映射操作,并允许使用 null 值和 null 键.此类不保证映射的顺序,特别是它不保证该顺序恒久不 ...

  9. out 传值

    public void Out(out int a, out int b) {//out相当于return返回值 //可以返回多个值 //拿过来变量名的时候,里面默认为空值 a=1; b=2; } s ...

  10. 正则表达式的使用(C++)

    1.判断手机号是否合法 const regex phonepattern("^[1]+[3,5]+\\d{9}$"); const regex Mobilepatten(" ...