HTML至核心:HTML 中的 head 标签
<head>
标签在 HTML 中用于定义文档的头部区域,它通常包含文档的元数据,如标题、脚本、样式表和字符编码声明。<head>
内的内容不会在浏览器的界面上显示,但是会影响如何显示网页的内容。
以下是一个简单的 <head>
标签示例,包含了一些常见的元素:
<!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>
<link rel="stylesheet" href="styles.css">
<script src="script.js" defer></script>
</head>
<body>
<!-- 网页的主体内容 -->
</body>
</html>
在这个例子中:
<meta charset="UTF-8">
指定文档字符编码。<meta name="viewport" content="width=device-width, initial-scale=1.0">
用于响应式设计,使网页在不同设备上的显示正常。<title>My Web Page</title>
定义了网页的标题,显示在浏览器的标题栏上。<link rel="stylesheet" href="styles.css">
链接到外部的 CSS 样式表。<script src="script.js" defer></script>
链接到外部的 JavaScript 脚本,并且使用defer
属性来延迟脚本的加载,直到文档解析完成。
评论已关闭