一、HTML文档头标签功能
1、<meta>标签
<!--指定字符集 -->
<meta charset="utf-8">
<!--只是刷新不跳转到其他页面 -->
<meta http-equiv="refresh" content="5">
<!--定时转到其他页面 -->
<meta http-equiv="refresh" content="5;url=index.html">
2、<link>标签
<!-- link标签实现项目站标效果 -->
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<!-- 引入外部css样式 -->
<link rel="stylesheet" href="css/index.css">
3、<script>标签
<!-- 引入外部js脚本 -->
<script src=""></script>
4、<title>标签
<title>网站标题</title>
二、HTML文档基本结构
<!-- 文档规范 -->
<!DOCTYPE html>
<!-- 文档根标签 -->
<html lang="zh-CN">
<!-- 头标签 -->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>网站标题</title>
<meta name="keywords" content="关键字">
<meta name="description" content="简介">
</head>
<!-- 文档正文内容 -->
<body>
</body>
</html>
三、HTML文档基本语法
1. 文件扩展名为.html或.htm
2. 标签有双标签、单标签
3. 标签不分大小写,建议小写,不能交叉
4. 标签元素的属性不分先后顺序,属性有些不是公共的。
5. html5文档的规范是: <!DOCTYPE html>
四、项目推广技巧
如下代码可缩短被搜索引擎找到的时间
<title>小米商城 - Xiaomi 12、Redmi K50、MIX FOLD,小米电视官方网站</title>
<meta name="description" content="小米官网直营小米公司旗下所有产品,包括Xiaomi手机系
列Xiaomi 12、MIX、Redmi 红米系列、Redmi Note 11、K50、Redmi Note、小米电视、笔记本、
米家智能家居等,同时提供小米官方服务及售后支持.">
<meta name="keywords" content="Xiaomi,redmi,Xiaomi12,Redmi Note 11,Xiaomi MIX
Alpha,小米商城">