<!DOCTYPE html>
<html>
<head>
<!-- Document metadata -->
</head>
<body>
<!-- Document content -->
</body>
</html>HTML5 中的基本元素
允许您构建最基本网页的 HTML 元素
最新！我的 44 页电子书“44 分钟内掌握 CSS”已发布！ 😃
# body
网页内容的容器。必须是 <html> 的直接子元素，并且必须是所有 HTML 元素的祖先（除非另有说明）。
示例： 复制
# head
定义网页元数据的容器。
示例： 复制
<!DOCTYPE html>
<html>
<head>
<!-- Document metadata -->
</head>
<body>
<!-- Document content -->
</body>
</html># html
定义 HTML 文档的根元素。所有其他元素都必须包含在此根元素中。
示例： 复制
<!DOCTYPE html>
<html>
<head>
<!-- Document metadata -->
</head>
<body>
<!-- Document content -->
</body>
</html># link
定义当前网页与外部链接或资源之间的链接。
示例： 复制
<link rel="stylesheet" type="text/css" href="https://htmlreference.cn/css/website.css">
href
定义链接的 URL。
"https://htmlreference.cn/css/website.css"
您可以传递绝对 URL。
"/css/website.css"
您可以传递相对于根域的相对 URL。
rel
定义链接类型，解释链接与当前网页的关系。
"stylesheet"
链接是样式表。
"icon"
链接是网站图标。
"author"
链接是网页作者的网站。
"next"
链接是下一页。
type
定义链接资源的类型。
"text/css"
链接是 CSS 文件。
"text/html"
链接是 HTML 文档。
# meta
定义附加到网页的元数据。
示例： 复制
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#ffffff">示例： 复制
<!-- Refresh the page every 5 seconds -->
<meta http-equiv="refresh" content="5">示例： 复制
<!-- Redirect instantly to https://cssreference.cn -->
<meta http-equiv="refresh" content="0; url=https://cssreference.cn">
charset
定义整个网页的字符编码。
"UTF-8"
值必须是有效的字符集。
http-equiv
定义网页的元规则。
"Content-Security-Policy"
定义网页内容策略的链接。
"refresh"
允许每 N 秒刷新网页，甚至重定向到另一个 URL。
"X-UA-Compatible"
定义网页应呈现为哪个 Internet Explorer 版本。
name
定义附加到网页的额外信息。
"viewport"
定义视窗的尺寸和缩放规则。
"theme-color"
定义主题颜色，浏览器或操作系统可以使用。
content
定义元数据的內容。这根据 name 或 http-equiv 的值而有所不同。
"width=device-width, initial-scale=1"
对于 viewport 元数据，您可以指定网页的宽度和初始缩放比例。
"2; url=https://cssreference.cn"
对于 refresh 元数据，您可以指定在重定向到另一个 URL 之前等待多少秒。
# script
定义外部脚本的容器。
示例： 复制
<script src="https://htmlreference.cn/javascript/my-scripts.js"></script>示例： 复制
<script type="text/javascript">
console.log('Hello World');
</script>
src
定义外部脚本的来源。
"/javascript/my-scripts.js"
URL 可以是相对的或绝对的。
type
定义外部脚本的MIME 类型。
"text/javascript"
这是针对 .js 文件的。
async
允许外部脚本异步加载。
不需要值。