<html>
<html>
标签是 HTML 文档的根元素,用于定义整个 HTML 文档的开始和结束
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Web Page</title>
</head>
<body>
<!-- 页面内容 -->
</body>
</html>
<head>
<head>标签是 HTML 文档的头部部分,用于包含文档的元数据和其他信息,比如文档的标题、字符集、样式表、脚本等
<title>:
定义文档的标题,显示在浏览器的标题栏或标签页上。例如:`<title>My Web Page</title>`
<meta>:
用于设置文档的元数据,包括字符集、视口、关键字、描述等。常见的 `<meta>` 标签有:
- `<meta charset="UTF-8">`:设置文档的字符集为 UTF-8。
- `<meta name="viewport" content="width=device-width, initial-scale=1.0">`:设置视口的大小和缩放,以适应不同设备。
- `<meta name="keywords" content="HTML, CSS, JavaScript">`:定义文档的关键字。
- `<meta name="description" content="This is a sample web page.">`:定义文档的描述信息。
<link>:
用于引入外部资源,如样式表、图标等。常见的 `<link>` 标签有:
- `<link rel="stylesheet" href="styles.css">`:引入外部样式表。
- `<link rel="icon" href="favicon.ico" type="image/x-icon">`:指定网页图标。
<script>:
用于引入 JavaScript 文件或在 `<head>` 中直接编写 JavaScript 代码。例如:
- `<script src="script.js"></script>`:引入外部 JavaScript 文件。
- `<script>alert("Hello, world!");</script>`:在 `<head>` 中直接编写 JavaScript 代码。
<style>:
用于定义内部样式表,直接在 `<head>` 中编写 CSS 样式。例如:
- `<style>
body {
background-color: lightblue;
}
</style>`
<base>:
定义基准 URL,用于设置页面中所有相对路径的基准路径。例如:
`<base href="https://www.example.com/">`
<noscript>:
用于在浏览器不支持 JavaScript 或者 JavaScript 被禁用时显示的替代内容。例如:`<noscript>Your browser does not support JavaScript!</noscript>`
这些标签在 `<head>` 中的作用各不相同,但它们共同的目的是用于设置文档的头部信息、引入外部资源、定义样式和脚本,以及提供元数据信息,从而影响和控制页面的展示和行为。