HTML教程-HTML<head>标签
HTML的<head>元素用作元数据（关于数据的数据）的容器。它位于<html>标签和<body>标签之间。
HTML文档的头部在页面加载时不会在浏览器中显示内容。它只包含关于HTML文档的元数据，用于指定关于HTML文档的数据。
HTML头部可以包含大量的元数据信息，也可以没有或很少的信息，这取决于我们的需求。但是，在创建网站时，头部部分在HTML文档中具有重要的作用。
元数据定义了文档的标题、字符集、样式、链接、脚本和其他元信息。
以下是用于元数据的标签列表：
<title><style><meta><link><script><base>
HTML <title>元素
HTML的<title>元素用于定义文档的标题。它在所有HTML/XHTML文档中使用。<title>元素必须放置在<head>元素之间，而且一个文档只能有一个标题元素。
<title>元素的作用是什么？
- 它在浏览器的标签页中定义标题。
- 当页面被添加到收藏夹时，它为页面提供标题。
- 它在搜索引擎结果中为页面显示标题。
注意：标题元素必须对文档具体，并且其推荐长度为包括空格在内的65到70个字符。
例子：
<!DOCTYPE html>
<html>
<head>
<title>This Page Title</title>
</head>
<body>
<p>The body's content is displayed in the browser window.</p>
<p>The content of the title element is displayed in the browser tab, in favorites, and in search engine results.</p>
</body>
</html>HTML <style>元素
HTML的<style>元素用于为HTML页面设置样式。<style>元素可以包含针对该HTML页面的CSS属性。如果我们希望将CSS应用于多个页面，则应使用单独的CSS文件。
例子：
<!DOCTYPE html>
<html>
<head>
<title>This is Page Title</title>
<style>
body {background-color: pink;}
h1 {color: red;}
p {color: blue;}
</style>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>HTML <link>元素
HTML的<link>元素用于将外部样式表链接到网页。<link>元素包含两个主要属性，即rel和href。
例子：
<!DOCTYPE html>
<html>
<head>
<title>This is Page Title</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>HTML <meta>元素
HTML的<meta>元素用于为HTML页面提供元数据。元数据是描述数据的数据，用于描述关于HTML文档的信息。
例子：
<!DOCTYPE html>
<html>
<head>
<title>This is Page Title</title>
<meta name="description" content="This is the description of my website">
<meta name="keywords" content="HTML, CSS, JavaScript">
<meta name="author" content="John Doe">
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>注意：为了清楚地看到差异，请在智能手机或平板电脑上打开此页面。
HTML <base>元素
HTML的<base>元素用于指定页面中所有相对URL的基本URL和基本目标。
例子：
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<base href="http://www.javatiku.cn" target="_blank">
</head>
<body>
<img src="html5.png">
<p>我们指定了一个基本URL，浏览器将在"http://www.javatiku.cn"中查找图片"html5.png"</p>
<p><a href="http://www.javatiku.cn">JavatPoint</a></p>
<p>以上链接将在一个新窗口中打开，因为基本目标设置为"_blank"。</p>
</body>
</html>HTML <script>元素
HTML的<script>元素用于在页面中应用客户端JavaScript，或者向当前页面添加外部JavaScript文件。
例子：
<!DOCTYPE html>
<html>
<head>
<script>
function fun() {
document.getElementById("p").style.color="green";
}
</script>
</head>
<body>
<h2>Script within Head element</h2>
<p id="p">This will change the color</p>
<button type="button" onclick="fun()">Click me</button>
</body>
</html>如果我们想使用某个外部JavaScript文件，则可以使用以下方式应用：
<script src="file_path.js"></script>排除<html>、<head>和<body>元素
HTML 5允许我们省略<html>、<body>和<head>标签。
例子：
<!DOCTYPE html>
<title>Page Title</title>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>注意：不建议省略<html>和<body>标签。省略这些标签可能会导致DOM或XML软件崩溃，并在旧版浏览器（IE9）中产生错误。
但是，可以省略<head>标签。
