大前端系统学-了解html
标签：
使用尖括号包起来的就是标签，例如我们看到的 <html></html> 一对标签
<head> 开始标签
</head> 结束标签
<meta /> 自结束标签，但是这个又可能省略
双标签:
<body></body>
单标签:
<meta />
属性：
通常是在开始标签的内部，属性的个数不同，如果一个标签内有多个属性，那每个属性之间用空格隔开，不需要考虑顺序（font除外）。
语法：属性1=“属性值1” 属性2=“属性值2”，例如：<img src="img/XX" alt="">。
在HTML5中，编辑器会自动生成一些头部：
<meta> 标签：
<meta>标签是网页代码中<head>区的一个关键标签，其提供的信息虽然用户不可见，但却是文档的最基本的元信息。
<meta>标签可以定义文档的各种元数据，提供各种文档信息，通俗点说就是可以理解为提供了关于网站的各种信息。比如：针对搜索引擎和更新频度的描述和关键词， 再比如，加入meta描述，可以方便用户去阅读，同时可以在搜索结果中增加点击率。
charset 是<meta>标签的一个属性，是用来定义文档的字符编码。
“utf-8”是其中的一种字符编码。charset=”utf-8”是告知浏览器此页面属于什么字符编码格式，下一步浏览器做好“翻译”工作。常见的字符编码有：gb2312、gbk、unicode、utf-8。
各个字符编码含义：
gb2312：代表国家标准第2312条，其中是不包含繁体的。
gbk：国家标准扩展版（增加了繁体，包含所有亚洲字符集）。
unicode：万国码（字面意思你也懂的）。
utf-8：utf-8是unicode的升级版，代表世界通用的语言编码
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型，支持深度思考和联网搜索！
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· ollama系列01：轻松3步本地部署deepseek，普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现