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 ...
随机推荐
- db.properties
jdbc.driverclass=oracle.jdbc.driver.OracleDriverjdbc.url=jdbc:oracle:thin:@192.168.201.192:1521:orcl ...
- cronolog日志切割
1. 下载安装 cronolog,它的主页 http://cronolog.org . 下载的是源码,安装过程就是 ./configure, make, make install,最后一步可直接把 s ...
- linux死锁检测的一种思路【转】
转自:http://www.cnblogs.com/mumuxinfei/p/4365697.html 前言: 上一篇博文讲述了pstack的使用和原理. 和jstack一样, pstack能获取进 ...
- 浅析Java的HashCode,以及equals
1.JDK规定,equals相等的两个对象hashCode也必须相等,这两个方法都是从Object上面继承而来的,通过观察JDK源码可以发现Object的equals方法是对2个对象的地址(逻辑地址, ...
- jenkins+jmeter+ant搭建接口测试平台
接口测试的重点是检查数据的交换,传递和控制管理过程以及系统间的相互逻辑依赖关系. 接口测试的流程 项目启动后,测试人员要尽早拿到接口测试文档. 开始编写接口测试用例 将接口测试用例部署到持续集成的测试 ...
- 使用BBCP来提升跨互联网的数据传输速度
背景介绍: 目前项目在美国东西部以及欧洲都有服务器节点,跨互联网的数据传输速度很不稳定,之前我们主要是通过SCP以及Rsync等方式进行数据传输的. 无意间发现了BBCP这个软件之后,经过测试,效果非 ...
- Linux命令学习手册-printf命令(转)
分类: LINUX 参考资料:http://sns.linuxpk.com/space-566-do-blog-id-15819.html printf FORMAT [ARGUMENT]... pr ...
- javascript——web前端编程
一.弹出提示框: 连接 function disp_prompt() { var name=prompt("请输入您的名字","Bill Gates") ...
- Java 流程控制语句
java的流程控制: 1.顺序结构 2.选择结构 a.关系运算.逻辑运算.条件运算 b.if语句 c.if-else语句.if - else if -else语句 d.switch语句. 3.循环语句 ...
- rtc关机闹钟7 jni层 com_android_server_AlarmManagerService
frameworks/base/services/core/jni/com_android_server_AlarmManagerService.cpp int AlarmImplAlarmDrive ...