HTML入门笔记2-HTML中meta标签

最新推荐文章于 2023-10-19 16:33:45 发布

原创最新推荐文章于 2023-10-19 16:33:45 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

HTML入门系列专栏收录该内容

26 篇文章

订阅专栏

本文介绍了HTML中的meta标签及其用途，包括如何设置网页编码、关键字和描述等元信息，并通过示例展示了如何使页面每2秒自动刷新。

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

本篇来学习下HTML中的meta标签，其实前面文章的demo.html我们使用过meta这个标签，我们在设置字符编码的时候，在head标签里面使用了meta标签。<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。<meta> 标签位于文档的头部，不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。

在使用meta标签的时候，content是必须要写的属性，还有几个是可选的属性（name,http-equiv, scheme）。下面我们来看一个meta的使用例子，让当前页面没隔2秒自动刷新一次页面。

<!DOCTYPE html

<html>

	<head>
		<title>
			HTML中的Meta标签
		</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="keywords" content="HTML meta 标签" />
		<meta name="description" content="HTML meta 标签的说明" />
		<!-- 设置页面2秒刷新一次 -->
		<meta http-equiv="refresh" content="2" />
	</head>
	<body>
		<p>
			学习HTML中meta标签用法
		</p>
	</body>
</html>

上面的第二行meta标签内，name="keywords"，其中"keywords" 是一个经常被用到的名称。它为文档定义了一组关键字。某些搜索引擎在遇到这些关键字时，会用这些关键字对文档进行分类。所以，上面的意思，就是会按照HTML meta 标签三个关键字去对文档进行分类处理。http-equiv属性为名称/值对提供了名称。并指示服务器在发送实际的文档之前先在要传送给浏览器的 MIME 文档头部包含名称/值对。当服务器向浏览器发送文档时，会先发送许多名称/值对。虽然有些服务器会发送许多这种名称/值对，但是所有服务器都至少要发送一个：content-type:text/html。这将告诉浏览器准备接受一个 HTML 文档。上面这行效果是让浏览器每隔2秒刷新一次。

本篇的知识点就是复习mete标签下能设置网页的编码方式和meta标签的name和http-equiv属性。