2.4.0HTML5头部和元信息

最新推荐文章于 2021-06-16 01:34:14 发布

ssmoom

最新推荐文章于 2021-06-16 01:34:14 发布

阅读量604

点赞数

分类专栏： HTML5_CSS3_JavaScript

HTML5_CSS3_JavaScript 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

<!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>

ssmoom

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
2.4.0HTML5头部和元信息

2.4HTML5头部和元信息简单的头部元信息标签。使用head元素可以定义HTML文档头，该元素可以包含如下子元素。 1、script：该元素用于包含JavaScript脚本。关于JavaScript的介绍，请参考本书关于JavaScript的相关章节。 2、style：该元素用于定义内部CSS样式。关于内部CSS样式的
复制链接

扫一扫