使用
➢
<script>
:该元素用于包含JavaScript脚本。关于JavaScript的介绍,请参考本书中关于JavaScript的相关章节。 ➢
<style>
:该元素用于定义内部CSS样式。关于内部CSS样式的介绍,请参考本书中介绍CSS的相关章节。 ➢
<link>
:该元素用于链接外部CSS样式等资源。关于外部CSS样式的介绍,请参考本书中介绍CSS的相关章节。 ➢
<title>
:该元素用于定义文档标题。该元素较为常用的属性是id,作为其唯一标识。该元素只能包含文本内容,该文本内容就是该文本的标题。 ➢
<base>
:该元素用于指定该页面中所有链接的基准链接。
➢ <meta>
:该元素用于定义HTML页面的元数据。 由于
<script../>
、<style.../>
和<link.../>
三个元素在后面还会有更详细的用法示例,故此处不再进行详细介绍。本节将会重点介绍<base.../>
和<meta.../>
两个元素。
<base.../>
元素
<base.../>
元素必须是空元素,该元素除了可以指定id作为其唯一标识之外,还可以指定如下两个属性
➢ href:指定所有链接的基准链接。
➢ target:指定超链接默认在哪个窗口打开链接。该属性值只能是_blank
、_parent
、_self
和_top
其中之一
例子
<!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>
上面页面代码中使用<base.../>
指定了所有链接的基准路径为http://www.crazyit.org
,默认使用新窗口打开链接。页面中超链接的地址为index.php,则实际URL为http://www.crazyit. org/index.php
,并使用新窗口打开该链接
<meta>
元素
<meta.../>
用于定义页面元信息,定义元信息也就是指定一些name-value对。该元素除了可以指定id属性之外,还可以指定如下三个属性
➢ http-equiv:指定元信息的名称,该属性指定的名称具有特殊意义,它可以向浏览器传回一些有用的信息,帮助浏览器正确地处理网页内容。
➢ name:指定元信息的名称,该名称值可以随意指定。
➢ content:指定元信息的值。
根据上面的讲解我们知道:
例子
<head>
<title>疯狂Java联盟</title>
<meta name="author" content="Lee" />
<meta name="website" content="http://www.crazyit.org" />
<meta name="copyright" content="2000-2016 crazyit.org" />
http-equiv属性所支持的值主要有如下几个
➢ Expires:指定网页的过期时间。一旦网页过期,必须重新从服务器上下载。例如如下代码:
<meta http-equiv="Expires" content="Sat Sep 1 1:1:1 CST 2008" />
➢ content-Type:设置该页面的内容类型和所用的字符集。例如:
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
➢ Pragma:指定禁止浏览器从本地磁盘缓存中调阅页面内容,浏览器一旦离开该网页就无法脱机访问该页面。例如:
<meta http-equiv="Pragma" content="no-cache" />
注:本博客内容节选自李刚编著的疯狂HTML 5/CSS 3/JavaScript讲义 ,详细内容请参阅书籍。