以下是一个常见的使用示例，其中 name 属性为 "viewport"，而 content 属性包含有关文档视口的信息：
<meta name="viewport" content="width=device-width, initial-scale=1.0">
在这个例子中，content 属性的值指定了文档的视口设置，包括宽度等信息。这对于移动设备的响应式设计非常重要，它告诉浏览器如何初始化页面的宽度和缩放。
除了 "viewport" 之外，还有其他常用的 name 属性，例如：
- "charset"：用于设置文档的字符集，类似于 <meta charset="UTF-8">。
- "description"：用于提供网页的简短描述。
- "keywords"：用于提供网页的关键字，通常用于搜索引擎优化（SEO）。
下面是一个包含多个 <meta> 元素的示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="This is a sample webpage">
<meta name="keywords" content="HTML, CSS, JavaScript">
<title>Meta Tags Example</title>
</head>
<body>
<h1>Welcome to my webpage!</h1>
<p>This is a sample webpage with some meta tags.</p>
</body>
</html>
这些 <meta> 元素的内容属性提供了关于文档的元信息，有助于浏览器和搜索引擎正确解释和处理页面。
转载请注明出处：http://www.zyzy.cn/article/detail/3974/HTML