HTML 头部
HTML <head>元素
<head>标签是元数据(metadata)或<meta>标签的容器并放置在<html>标签和<body>标签之间。
HTML元数据是有关HTML文档的数据。不显示元数据。
元数据通常定义文档标题，字符集，样式，链接，脚本和其他元信息。
下面的标签元数据：<title>, <style>, <meta>, <link>, <script>, 和 <base>。
HTML<title>元素
<title>元素定义文档的标题，并且在所有HTML / XHTML文档中都是必需的。
<title>元素:
- 在浏览器的标签中定义标题
- 在将页面添加到收藏夹时为页面提供标题
- 在搜索引擎结果中显示该页面的标题
一个简单的HTML文档：
示例
<div class="w3-code">
<!DOCTYPE html>
<html>
<head>
<title>标题</title>
</head>
<body>
文件的内容……
</body>
</html>
HTML <style>元素
<style>元素用于定义单个HTML页面的样式信息：
示例
<style>
body {background-color: powderblue;}
h1 {color: red;}
p {color: blue;}
</style>
HTML <link> 元素
<link>元素用于链接到外部样式表：
示例
<link rel="stylesheet" href="mystyle.css">
提示:要了解有关CSS的所有信息，请访问我们的CSS教程。
HTML<meta>元素
<meta> 元素用于指定使用的字符集，页面描述，关键字，作者和其他元数据。
浏览器(如何显示内容)，搜索引擎(关键字)和其他Web服务使用元数据。定义使用的字符集：
description定义您的网页的描述：
<meta name="description" content="Free Web tutorials">keywords定义为搜索引擎定义关键字：
<meta name="keywords" content="HTML, CSS, XML, JavaScript">author定义页面的作者：
<meta name="author" content="John Doe">refresh定义每30秒刷新一次文档：
<meta http-equiv="refresh" content="30">标签示例：<meta>
示例
<meta charset="UTF-8">
<meta name="description" content="web教程">
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
<meta name="author" content="张三">
设置视口(viewport)
HTML5引入了一种方法，让Web设计人员通过 标签控制视口 。
视口是用户在网页上的可见区域。它随设备而变化，在手机上比在电脑屏幕上小。
您应该 <meta>在所有网页中包含以下视口元素：
<meta name="viewport" content="width=device-width, initial-scale=1.0"><meta>视元素对如何控制网页的尺寸和缩放浏览器的说明。
width = device-width部分将页面宽度设置为遵循设备的屏幕宽度(具体取决于设备)。
initial-scale = 1.0部分设置浏览器首次加载页面时的初始缩放级别。
以下是没有视口元标签的网页示例，以及带有视口标签的同一网页：
提示:如果您使用手机或平板电脑浏览此页面，可以点击下面的两个链接查看差异。
HTML <script>元素
<script>元素用于定义客户端JavaScripts。
这个JavaScript写的是”Hello JavaScript!”id=”demo”的HTML元素：
示例
<script>
function myFunction {
document.getElementById("demo").innerHTML = "Hello JavaScript!";
}
</script>
HTML <base> 元素
<base> 元素指定页面中所有相对URL的基本URL和基本目标：
示例
<base href="https://../index.htm/images/html5.gif/" target="_blank">
省略<html>, <head> and <body>?
根据HTML5标准<html><body><head>标签可以省略。
以下代码将验证为HTML5：
示例
<title>标题</title>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
注意:
标签。省略这些标签可能会导致DOM或XML软件崩溃并在旧版浏览器中产生错误(IE9)。 (IE9).
本教程不建议省略和
HTML 头部
| 标签 | 描述 |
|---|---|
| <head> | 定义关于文档的信息 |
| <title> | 定义文档的标题 |
| <base> | 为页面上的所有链接定义默认地址或默认目标 |
| <link> | 定义文档与外部资源之间的关系 |
| <meta> | 定义关于HTML文档的元数据 |
| <script> | 定义一个客户端脚本 |
| <style> | 定义文档的样式信息 |
原创文章，作者：ItWorker，如若转载，请注明出处：https://blog.ytso.com/59262.html