2.4.0HTML5头部和元信息

<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/heml;charset=GBK"/>
		<title>2.4HTML5头部和元信息</title>
	</head>
	<body>
		简单的头部元信息标签。<br>
		使用head元素可以定义HTML文档头,该元素可以包含如下子元素。
		
		<p>
			1、script:该元素用于包含JavaScript脚本。
			关于JavaScript的介绍,请参考本书关于JavaScript的相关章节。
		</p>
		
		<p>
			2、style:该元素用于定义内部CSS样式。
			关于内部CSS样式的介绍,请参考本书中介绍CSS的相关章节。
		</p>
		
		<p>
			3、link:该元素用于链接外部CSS样式等资源。
			关于外部CSS样式的介绍,请参考本书中介绍CSS的相关章节。
		</p>
		
		<p>
			4、title:该元素用于定义文档标题。该元素较为常用的属性是id,作为其唯一标识。
			该元素只能包含文本内容,该文本内容就是该文本的标题。
		</p>
		
		<p>
			5、base:该元素用于指定该页面中所有链接的基准链接。<br>
			base元素必须是空元素,该元素除了可以指定id作为其唯一标识之外,还可以指定如下两个属性。
			<blockquote>
				1)href:指定所有链接的基准链接。
				2)target:指定超链默认在哪个窗口打开链接。
				该属性值只能是_blank、_parent、_self和_top其中之一。
			</blockquote>
			
			eg:<br>
			<!DOCTYPE html>
			<html>
			<head>
				<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
				<title> base元素 </title>
				<base target="_blank" href="http://www.crazyit.org" />
			</head>
			<body>
				<a href="index.php">疯狂Java联盟</a>
			</body>
			</html>
			
		</p>
		
		<p>
			6、meta:该元素用于定义HTML页面的元数据。也就是指定一些name-value对。
			该元素除了可以指定id属性之外,还可以指定如下三个属性。
			<blockquote>
				1)http-equiv:指定元信息的名称,该属性指定的名称具有特殊意义,<br>
				它可以向浏览器传回一些有用的信息,帮助浏览器正确地处理网页内容。<br>
				2)name:指定元信息的名称,该名称值可以随意指定。<br>
				3)content:指定元信息的值。
			</blockquote>
			
			meta元素里http-equiv属性和name属性的作用基本相同,
			只是http-equiv属性值通常规定为应该是浏览器可以识别的、具有特殊意义的名称。<br>
			eg:为网页指定如下关键字和描述信息:<br>
			<head>
				<title>疯狂Java联盟</title>
				<meta name="author" content="Yeeku.H.Lee"/>
				<meta name="website" content="http://www.baidu.com"/>
				<meta name="copyright" content="2001-2008 crazyit.org"/>
				<meta name="keywords" content="Java论坛,Java技术论坛"/>
			</head>
			<br><br>
			
			为网页指定有效的关键字有利于搜索引擎收录本站点。<br>
			http-equiv属性所支持的值主要有如下几个:<br>
			1)Expires:指定网页的过期时间。一旦网页过期,必须重新从服务器上下载。<br>
			eg:< meta http-equiv="Expires" content="Sat Sep 27 16:12:36 CST 2008"/>
			<br><br>
			
			2)Pragma:指定禁止浏览器从本地磁盘缓存中调阅页面内容,
			浏览器一旦离开该网页就无法脱机访问该页面。<br>
			eg:< meta http-equit="Pragma" content="no-cache"/>
			<br><br>
			
			3)Refresh:指定浏览器多长时间后自动刷新指定页面。<br>
			eg:
			设置2秒后自动刷新本页面:< meta http-equiv="Refresh" content="2"/><br>
			设置2秒后自动刷新http://www.baidu.com:
			< meta http-equiv="Refresh" content="2;URL=http://baidu.com"/>
			<br><br>
			
			4)Set-Cookie:设置Cookie。如果网页过期,那么客户端上的Cookie也将被删除。<br>
			eg:< meta http-equiv="Set-Cookie" 
			content="name=value expires= Sat Sep 27 16:12:36 CST 2008,  path=/" />
			<br><br>
			
			5)Content-Type:设置该页面的内容类型和所用的字符集。<br>
			eg:< meta http-equiv="Content-Type" content="text/html; charset=GBK"/>
			<br><br>
			
		</p>
		
		<p>
			2、:
		</p>
		
	</body>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值