---
title: HTML
description: HTML 超文本标记语言
keywords:
- HTML
tags:
- HTML
sidebar_position: 1
author: 7Wate
date: 2023-10-13
---
**在互联网时代,网页设计和开发已经成为一种艺术和科学的结合。**
## HTML
HTML 是用来描述网页的一种语言,它不是一种编程语言,而是一种标记语言。它由一系列的元素或标签组成,这些标签可以告诉浏览器如何呈现内容。**HTML 构成了网页的骨架。**
```html
Document Title
```
1. ``: 声明 HTML5 文档。
2. ``: HTML 的根元素,语言设为中文。
3. ``: 文档头部,包含元信息。
4. ` `: 设定 UTF-8 字符编码。
5. ` `: 适应移动设备的视口设置。
6. `Document Title `: 设置文档标题。
7. ` `: 链接外部 CSS 样式表。
8. ``: 文档主体,包含可见内容。
9. ``, ``, ``: 分别为页眉、主内容、页脚的 HTML5 语义元素。
10. ``: 链接外部 JavaScript 文件。
### 元信息
**HTML 的元信息(metadata)是关于 HTML 文档的数据,它们不会显示给用户,而是提供给浏览器和搜索引擎。**元信息通常在 HTML 文档的``部分定义。
```html
网页的标题,这在浏览器的标签页中显示,并被搜索引擎用于索引页面。
```
1. **` `**: 这定义了文档的字符编码。常用的字符编码是UTF-8,因为它包含了大多数已知的字符和符号。
2. **` `**: 这个` `标签定义了网页的作者。
3. **``**: 网页的标题,这在浏览器的标签页中显示,并被搜索引擎用于索引页面。
4. **` `**: 这是移动端优化的元标签。它让网页的宽度等于设备的宽度,初始缩放比例为1。
5. **` `**: 这提供了页面的简洁描述,这在搜索引擎结果页(SERP)中显示,可以提高页面的可点率(CTR)。
6. **` `**: 这定义了网页的关键词。虽然现在搜索引擎很少使用这个元标签,但在SEO中还是有一些应用。
7. **` `**: 这个` `标签定义了网站的favicon(收藏夹图标)。它在浏览器的标签页或地址栏中显示,也可以在用户的书签中显示。
8. **` `**: 这链接了一个外部的CSS文件。虽然` `标签不是` `,但它在``中定义,也提供了一些元信息。
9. **``**: 这链接了一个外部的JavaScript文件。与` `标签类似,`