HTML中的meta标签有哪些属性?

71次阅读
没有评论

meta标签是HTML中常用的一种标签,用于设置网页的元信息,例如网页的编码、关键词、描述等。常用的meta标签属性有以下几种:

1、charset

设置网页的编码方式,通常为UTF-8。
示例代码:

<meta charset=”UTF-8″>

name和content:设置网页的关键词、描述等元信息。

示例代码:

<meta name=”keywords” content=”HTML, CSS, JavaScript”>
<meta name=”description” content=”This is a webpage about HTML, CSS, and JavaScript.”>
http-equiv:用于模拟HTTP头部信息中的各种指令。

示例代码:

<meta http-equiv=”refresh” content=”5;url=http://www.example.com”>
viewport:用于设置网页在移动设备上的视口大小。

示例代码:

<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>

2、robots属性

指定搜索引擎抓取该页面时应该遵循的指令。常用的值有:
index:表示允许搜索引擎索引该页面
noindex:表示禁止搜索引擎索引该页面
follow:表示允许搜索引擎跟踪该页面的链接
nofollow:表示禁止搜索引擎跟踪该页面的链接

示例代码:

<meta name=”robots” content=”index,follow”>
author属性:指定网页作者的姓名、邮件地址或网址。
示例代码:

<meta name=”author” content=”John Doe”>

3、generator属性

指定网页所使用的工具或平台。
示例代码:

<meta name=”generator” content=”WordPress”>

这些meta标签可以在HTML文件的<head>标签中添加。例如:

 

<!DOCTYPE html>
<html>
<head>
    <title>我的网页标题</title>
    <meta name="robots" content="index,follow">
    <meta name="author" content="John Doe">
    <meta name="generator" content="WordPress">
    <title>My Page</title>
</head>
<body>
<p>This is my page.</p>
</body>
</html>
正文完
 
评论(没有评论)