HTML超文本标记语言(七)——头部元素
<head>标签用于定义文档的头部,描述了文档的各种属性和信息。
如下标签可用在head部分:
1、<title>:定义文档的标题,<title></title>标签是<head>标签唯一要求包含的东西。
2、<base>:为页面上的所有链接规定默认地址或默认目标。
通常,浏览器会从当前文档的URL中提取相应的元素来填写相对URL中的空白。
使用<base>标签可以改变这点。在<base>标签中使用href属性后,浏览器随后将不再使用当前文档的URL,而使用指定的基本URL来解析所有的相对URL。这其中包括<a>、<img>、<link>、<form>标签中的URL。
1 <html> 2 <head> 3 <base href="http://www.w3school.com.cn/i/" /> 4 <base target="_blank" /> 5 </head> 6 7 <body> 8 <img src="eg_smile.gif" /> 9 <br/> 10 <p><a href="http://www.w3school.com.cn">W3School</a></p> 11 </body> 12 </html>
代码中,为图片规定了一个相对地址。但是由于已经在head部分通过base规定了一个基准URL,浏览器将在基准URL中寻找图片。
同样,尽管没有为超链接设置target="_blank"属性,但是由于base元素的target属性已经被设置为“_blank”了,所以链接会在新窗口中打开。
3、<link>:定义文档与外部资源之间的关系。最常用于连接样式表。
<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>
注意:link元素时空元素,它仅包含属性。且只能存在于head部分,不过可以出现任意次数。
4、<meta>:定义关于HTML文档的元数据。
5、<script>:定义客户端脚本。
script元素既可以包含脚本语句,也可以通过src属性指向外部脚本文件。
<script type="text/javascript"> document.write("Hello World!") </script> <noscript>Sorry,your browser does not support JavaScript</noscript>
<noscript>元素用来定义在脚本未被执行时的替代内容。即如果浏览器支持脚本,那么它不会显示出noscript元素中的文本。不支持JavaScript的浏览器将显示noscript元素中的文本。
6、<style>:用于为HTML文档定义样式信息
1 <html> 2 3 <head> 4 <style type="text/css"> 5 h1 {color:red} 6 p {color:blue} 7 </style> 8 </head> 9 10 <body> 11 <h1>header 1</h1> 12 <p>A paragraph.</p> 13 </body> 14 15 </html>
type属性是必须的,定义style元素的内容。唯一可能的值是"text/css"。
如需链接外部样式表,请使用<link>标签。
示例:没有下划线的链接,使用style=“text-decoration:none”
<a href="/example/html/lastpage.html" style="text-decoration=none">这是一个没有下划线的链接 </a>