HTML基本标记之文档类型说明、html标记、文档开始标记、标题、元信息_1.列出五种html标记，并说明其用途。2.简述网页设计中网页的基本构成元素有哪些？在网页布局设计中-优快云博客

本文深入讲解HTML文档的基本组成元素和结构，包括文档类型说明、HTML标记、文档开始标记、元信息及页面注释元素，是理解HTML网页构成的入门指南。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

语法

声明：该文只记录了部分内容，了解更多直接搜索w3cschool网站查询

HTML基本标记

HTML文件中，最基本的组成元素，结构有：文档类型说明<DOCTYPE>，HTML<html>，文档开始标记<head>，元信息<meta>，文档主体标记<body> 和页面注释元素

*1.1**文档类型说明<DOCTYPE>*

作用：主要用来指定HTML元素，需要遵循HTML哪个版本。

比如：HTML4之前

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

        "http://www.w3.org/TR/html4/loose.dtd">

而在HTML5之后，已经做了极大的改善：

<!DOCTYPE html>

DOCTYPE文档类型的声明，出现在HTML文件的第一行

1.2 HTML标记

<html> 标记代表文档的开始，这个标签省略，但是为了更加符合WEB标准，以及增加代码的可阅读性，建议不要省略

HTML标记用<html>开始，使用</html>结束，文档的所有内容，都必须要包含在该标签中

*1.3**文档开始标记*

<head> 头标记，由<head>开始，由</head>结束，头标记中内容非常的多，头标记的作用说明头部的一些相关信息，一般包含以下内容：标题，元信息，定义css样式和脚本代码等内容。

头部信息的内容，往往都不会在网页上直接显示

**1.3.1标题**

<title> 标题标记，该标记的作用：说明这篇文件的作用，它不会显示在浏览器的内部，而是显示在浏览器的标题栏中

如下：title在head中

<head>

<title>标题</title> 

</head>

**1.3.2元信息**

如下：

 <!-- 设置该文件的字符集 -->

 <meta charset="utf-8">



 <!-- 设置网页的关键字 -->

 <meta name="keywords" content="HTML,百度">

**定义关键字时，需要遵循：**

1、不同的关键字之间，需要使用英文逗号隔开

2、keywords 不是keyword

3、关键字是单词，而不是语句

meta 还可以对这篇文件，进行详细描述

 <!-- 可以使用description 对网页进行描述 -->

 <meta name="description" content="这是我制作的第一个网页">

meta 还可以自动刷新本页面，以及间隔时间跳转到某一张页面上去

 <!-- 本网页间隔5秒钟，自动刷新一次-->

 <meta http-equiv="refresh" content="5">



 <!--设置定时跳转，5秒后跳转到百度-->

 <meta http-equiv="refresh" content="5;https://www.baidu.com">

HTML基本标记之文档类型说明、html标记、文档开始标记、标题、元信息

语法

HTML基本标记

1.1文档类型说明<DOCTYPE>

1.2 HTML标记

1.3文档开始标记

*1.1**文档类型说明<DOCTYPE>*

*1.3**文档开始标记*