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"/>
HTML笔记(七)head相关元素<base> & <meta>的更多相关文章
- HTML笔记(五)表单<form>及其相关元素
表单标签<form> 表单是一个包含表单元素的区域. 表单元素是允许用户在表单中输入信息的元素. 输入标签<input> 输入标签的输入类型由其类型属性type决定.常见的输入 ...
- jQuery整理笔记七----几个经典表单应用
1.文本框获得(失去)焦点 当文本框获得输入焦点时,将该文本框高亮显示,算不得一个应用,仅仅是一个小技巧,能够提高用户体验. <!DOCTYPE html PUBLIC "-//W3C ...
- 《MFC游戏开发》笔记七 游戏特效的实现(一):背景滚动
本系列文章由七十一雾央编写,转载请注明出处. http://blog.csdn.net/u011371356/article/details/9344721 作者:七十一雾央 新浪微博:http:// ...
- 【2017-03-31】JS-DOM操作:操作属性、彩虹导航栏、定时器、操作内容、创建元素并添加、操作相关元素
一.操作属性 1.什么是属性: <div class="div" id="div1" style="" ></div> ...
- Linux学习笔记(七) 查询系统
1.查看命令 (1)man 可以使用 man 命令名称 命令查看某个命令的详细用法,其显示的内容如下: NAME:命令名称 SYNOPSIS:语法 DESCRIPTION:说明 OPTIONS:选项 ...
- amazeui学习笔记--css(HTML元素5)--表格Table
amazeui学习笔记--css(HTML元素5)--表格Table 一.总结 1.基本样式:am-table:直接模块名 <table class="am-table"& ...
- amazeui学习笔记--css(HTML元素4)--图片image
amazeui学习笔记--css(HTML元素4)--图片image 一.总结 1.响应式图片:随着页面宽度而变化 .am-img-responsive class. <img src=&quo ...
- go微服务框架kratos学习笔记七(kratos warden 负载均衡 balancer)
目录 go微服务框架kratos学习笔记七(kratos warden 负载均衡 balancer) demo demo server demo client 池 dao service p2c ro ...
- DSP EPWM学习笔记2 - EPWM相关寄存器设置问题解析
DSP EPWM学习笔记2 - EPWM相关寄存器设置问题解析 彭会锋 本篇主要针对不太熟悉的TZ 故障捕获 和 DB 死区产生两个子模块进行学习研究 感觉TI的寄存器命名还是有一定规律可循的 SEL ...
随机推荐
- 【python cookbook】【字符串与文本】4.文本模式的匹配和查找
问题:按照特定的文本模式进行匹配或查找 解决方法: 1.简单的文字匹配,只需使用str.find().str.startswith().str.endswith()或类似的函数即可: 2.复杂的匹配, ...
- 为博客启用MetaWeBlog API
最近想写一个博客系统,主要有以下几点功能. 能够使用Live Writer来发布.修改文章 使用MongoDB作为持久化 对于博客中的图片.CSS.JS文件,使用CDN加速 后期可加上Radis 使用 ...
- postgresql之ctid的浅谈
ctid: 表示数据记录的物理行当信息,指的是 一条记录位于哪个数据块的哪个位移上面. 跟oracle中伪列 rowid 的意义一样的:只是形式不一样. 例如这有个一表test:查看每行记 ...
- [ios][swift]swift混编
http://blog.csdn.net/iflychenyang/article/details/8876542(如何在Objective-C的头文件引用C++的头文件) 1.将.m文件扩展名改为. ...
- C/C++获取数组的长度
C.C++中没有提供 直接获取数组长度的函数,对于存放字符串的字符数组提供了一个strlen函数获取长度,那么对于其他类型的数组如何获取他们的长度呢?其中一种方法是使 用sizeof(array) / ...
- smb.conf
[home]comment = All Printerspath = /homevalid users = yorkwriteable=yespublic=yesbrowseable = yescre ...
- android技术总结
1.要做一个尽可能流畅的ListView,你平时在工作中如何进行优化的? ①Item布局,层级越少越好,使用hierarchyview工具查看优化. ②复用convertView ③使用ViewHol ...
- sql语句返回主键SCOPE_IDENTITY()
在sql语句后使用 SCOPE_IDENTITY() 当然您也可以使用 SELECT @@IDENTITY 但是使用 SELECT @@IDENTITY是去全局最新. 有可能取得值不正确. 示例:in ...
- Balance
Balance Time Limit: 1000MS Memory Limit: 30000K Total Submissions: 11947 Accepted: 7464 Description ...
- DataRow数组转换DataTable
public DataTable ToDataTable(DataRow[] rows) { if (rows == null || rows.Length == 0) return null; Da ...