HTML语言head元素

<head> 元素包含了所有的头部标签元素。在 <head>元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。

可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>.

<head> 定义了文档的信息
<title> 定义了文档的标题
<base> 定义了页面链接标签的默认链接地址
<link> 定义了一个文档和外部资源之间的关系
<meta> 定义了HTML文档中的元数据
<script> 定义了客户端的脚本文件
<style> 定义了HTML文档的样式文件

<title> 标签定义了不同文档的标题。

<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>

<body>
The content of the document......
</body>

</html>

 

在一个文档中，最多能使用一个 <base> 元素。<base> 标签必须位于 <head> 元素内部。 <base> 标签排在 <head> 元素中第一个元素的位置，这样 head 区域中其他元素就可以使用 <base> 元素中的信息了，<base> 标签没有结束标签。

 link 只能存在于 head 部分，不过它可出现任何次数。

<head>
<base href="http://www.w3cschool.cc/images/" target="_blank">
</head>

 

每个 HTML 文档能包含多个 <style> 标签。

以下如何使用style元素及效果：

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
h1 {color:red;}
p {color:blue;}
</style>
</head>

<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>

</html>

 

如何使用meta标签：meta没有结束标签

<!DOCTYPE html>
<html>
<head>
<meta name="description" content="Free Web tutorials">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="Ståle Refsnes">
<meta charset="UTF-8">
</head>
<body>

<p>All meta information goes in the head section...</p>

</body>
</html>

通过 Script元素输出 "Hello world"：

<!DOCTYPE html>
<html>
<body>

<script>
document.write("Hello World!")
</script> 

</body>
</html>

 

posted @ 2015-05-11 14:35  yxmvip  阅读(218)  评论(0)    收藏  举报