HTML超文本标记语言（七）——头部元素

最新推荐文章于 2024-07-26 11:41:15 发布

weixin_30635053

最新推荐文章于 2024-07-26 11:41:15 发布

阅读量153

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/haidaojiege/p/6674176.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>

base标签

代码中，为图片规定了一个相对地址。但是由于已经在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>

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>

style标签

type属性是必须的，定义style元素的内容。唯一可能的值是"text/css"。

如需链接外部样式表，请使用<link>标签。

示例：没有下划线的链接，使用style=“text-decoration:none”

<a href="/example/html/lastpage.html" style="text-decoration=none">这是一个没有下划线的链接
</a>

转载于:https://www.cnblogs.com/haidaojiege/p/6674176.html

weixin_30635053

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML超文本标记语言（七）——头部元素

<head>标签用于定义文档的头部，描述了文档的各种属性和信息。如下标签可用在head部分：1、<title>：定义文档的标题，<title></title>标签是<head>标签唯一要求包含的东西。2、<base>：为页面上的所有链接规定默认地址或默认目标。通常，浏览器会从当前文档...
复制链接

扫一扫