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>