<meta>头部标签 定义网页属性

最新推荐文章于 2024-06-24 01:45:00 发布
最新推荐文章于 2024-06-24 01:45:00 发布
阅读量1.7k 收藏
点赞数 1
分类专栏： 网站前端
本文介绍了Meta标签的基本用法及其对搜索引擎优化的重要性，包括关键词、描述、内容类型等关键属性。

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


Meta的使用方法技巧：
  Meta标签是用来描述网页属性的一种语言，标准的Meta标签可以便于搜索引擎排序，提高搜索引擎网站权重排名。要想网站做的更符合搜索引擎标准就必须了解meta标签，下面由Seoer惜缘于大家讲讲meta标签含义与使用方法：
  1、META标签的keywords
  写法为：<meta name="Keywords" content="信息参数" />
  meat标签的Keywords的的信息参数，代表说明网站的关键词是什么。
  2、META标签的Description
  <meta name="Description" content="信息参数" />
  meta标签的Description的信息参数，代表说明网站的主要内容，概况是什么。
  3、META标签的http-equiv=Content-Type content="text/html
  http-equiv=Content-Type代表的是HTTP的头部协议，提示浏览器网页的信息，
  <meta http-equiv="Content-Type" content="text/html; charset=信息参数" />
  meta标签的Description的信息参数如GB2312时，代表说明网站是采用的编码是简体中文；
  meta标签的Description的信息参数如BIG5时，代表说明网站是采用的编码是繁体中文；
  meta标签的Description的信息参数如iso-2022-jp时，代表说明网站是采用的编码是日文；
  meta标签的Description的信息参数如ks_c_5601时，代表说明网站是采用的编码是韩文；
  meta标签的Description的信息参数如ISO-8859-1时，代表说明网站是采用的编码是英文；
  meta标签的Description的信息参数如UTF-8时，代表世界通用的语言编码；
  4、META标签的generator
  <meta name="generator" content="信息参数" />
  meta标签的generator的信息参数，代表说明网站的采用的什么软件制作。
  5、META标签的author
  <meta name="author" content="信息参数">
  meta标签的author的信息参数，代表说明网页版权作者信息。
  6、META标签的http-equiv="Refresh"
  <Meta http-equiv="Refresh" Content="时间; Url=网址参数">
  meta标签的Refresh代表多少时间网页自动刷新，加上Url中的网址参数就代表，多长时间自动链接其他网址。
  7、META标签的HTTP-EQUIV="Pragma" CONTENT="no-cache"
  <META HTTP-EQUIV="Pragma" CONTENT="no-cache">代表禁止浏览器从本地计算机的缓存中访问页面内容,这样设定，访
  问者将无法脱机浏览。
  8、META标签的COPYRIGHT
  <META NAME="COPYRIGHT" CONTENT="信息参数">
  meta标签的COPYRIGHT的信息参数，代表说明网站版权信息。
  9、META标签的http-equiv="imagetoolbar"
  <meta http-equiv="imagetoolbar" content="false" />
  指定是否显示图片工具栏，当为false代表不显示，当为true代表显示。
  10、META标签的Content-Script-Type
  <Meta http-equiv="Content-Script-Type" Content="text/javascript">
  W3C网页规范，指明页面中脚本的类型。
  11、META标签的revisit-after
  <META name="revisit-after" CONTENT="7 days" >
  revisit-after代表网站重访,7 days代表7天，依此类推。
  12、META标签的Robots
  <meta name="Robots" contect="信息参数">
  Robots代表告诉搜索引擎机器人抓取哪些页面
  其中的属性说明如下：
  信息参数为all：文件将被检索，且页面上的链接可以被查询；
  信息参数为none：文件将不被检索，且页面上的链接不可以被查询；
  信息参数为index：文件将被检索；
  信息参数为follow：页面上的链接可以被查询；
  信息参数为noindex：文件将不被检索，但页面上的链接可以被查询；
  信息参数为nofollow：文件将不被检索，页面上的链接可以被查询。
  13、META标签的<meta http-equiv="windows-Target" contect="_top">
  代表页面在当前窗口中以独立页面显示，可以防止自己的网页被别人当作一个frame页调用,设置有：_blank、_top、_self、_parent。
  14、META标签的set-cookie
  <meta http-equiv="set-cookie" contect="Mon,12 May 2001 00:20:00 GMT">
  代表Cookie设定，如果网页过期，存盘的cookie将被删除,需要注意的也是必须使用GMT时间格式


HTML 基础标签——元数据标签 ＜meta＞
Allen-
11-01 715
标签通常位于文档的部分。它用于定义文档的元数据，包括字符编码、文档描述、关键字、作者信息等。这些信息可以帮助浏览器正确解析和显示文档，同时还可以提供搜索引擎索引所需的信息。
HTML 基础标签——结构化标签＜html＞、＜head＞、＜body＞
Allen-
11-01 1423
在 HTML 文档中，使用特定的结构标签可以有效地组织和管理网页内容。这些标签不仅有助于浏览器正确解析和渲染页面，还能提高网页的可访问性和搜索引擎优化（SEO）。以下是几个重要的 HTML 文档结构标签的详细介绍，包括它们的作用、常见用法和最佳实践。在之前的文章中，我们有提到过标签 以及标签、标签，他们是 HTML 的基本结构元素，同时也属于文档结构标签。在本文中除了这几个标签之外，还主要讲了两个重要的标签：和
Meta的使用方法技巧
常用网址
02-06 888
Meta的使用方法技巧：  Meta标签是用来描述网页属性的一种语言，标准的Meta标签可以便于搜索引擎排序，提高搜索引擎网站权重排名。要想网站做的更符合搜索引擎标准就必须了解meta标签，下面由Seoer惜缘于大家讲讲meta标签含义与使用方法：  1、META标签的keywords  写法为：  meat标签的Keywords的的信息参数，代表说明网站的关键词是什么。  2、META标签的De
HTML中meta的作用
06-07 815
HTML中meta的作用 　 来源:chinaz | 作者: | 浏览:208 | 发送给好友 | 添加到收藏夹   meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的与中，meta 标签的用处很多。meta 的属性有两种：name和http-equi
HTML中meta标签都有什么作用？
ES6之super关键字详解
10-22 1749
一直以来，对HTML中的meta标签一知半解，这次抽时间好好总结一下 meta标签 定义： meta元素提供有关页面的元信息(meta-information), 比如针对 搜索引擎和更新频度的描述和关键词,搜索引擎优化（SEO），定义页面使用语言，自动刷新并指向新的页面，实现网页转换时的动态效果，控制页面缓冲，网页定级评价，控制网页显示的窗口等 ![meta](https://img-blog.csdnimg.cn/20201022174833638.png?x-oss-process=imag.
html中meta什么作用,HTML中各种常用meta标签的作用
weixin_32643811的博客
06-15 1220
meta是HTML的head中的一个辅助性标签，其作用有：搜索引擎优化(SEO)，定义页面使用语言，自动刷新并指向新的页面，实现网页转换时的动态效果，控制页面缓冲，网页定级评价，控制网页显示的窗口等。meta标签共有两个属性：name属性和http-equiv属性。1、name属性name属性主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找和分...
HTML中meta标签的作用
qq_68695044的博客
04-07 634
通过charset属性指定文档的字符集，如UTF-8，确保浏览器正确解析和显示文档内容。
HTML 之＜title＞ 标签
Linux运维老纪的博客
06-24 1467
title 在HTML语言当中通常用来 定义文档标题：本章给大家详细介绍HTML之title标签。记得点赞、记得收藏。
JSP标签 <meta>的作用
05-24
接下来，我们将深入探讨 `<meta>` 标签的各种属性及其用途。 #### 一、`<meta>` 标签的属性 ##### 1. `name` 属性 `name` 属性用于定义文档特定信息的名称。常见的 `name` 属性包括： - **Keywords**：关键词，...
HTML常用标签-----例如＜p＞＜img＞＜li＞等
qq_56798763的博客
07-04 1142
1.HTML5头部结构 【DOCTYPE html】 声明文档类型为HTML5文件。 文档声明在HTML5文档必不可少，且必须放在文档的第一行。 【meta标签】 1.charset属性：单独使用，设置文档字符及编码格式。 写法：<meta charset="UTF-8"> 常见的中文编码格式： B-2312:国标码，简体中文 GBK：扩展的国标编码，简体中文 UTF-8:万国码 Unicode码，基本兼容各国语言文字 2.http-equiv属性：需配合c..
HTML中meta标签的作用及使用方法
ljw_logs的博客
10-18 7886
一、meta标签的定义 meta标签是head部的一个辅助性标签，提供关于 HTML 文档的元数据。它并不会显示在页面上，但对于机器是可读的。可用于浏览器（如何显示内容或重新加载页面），搜索引擎（SEO），或其他 web 服务。 二、meta标签的作用 meta标签里的数据是供机器解读的，其主要作用有：搜索引擎优化（SEO），定义页面使用语言，自动刷新并指向新的页面，实现网页转换时的动态效果，控制页面缓冲，网页定级评价，控制网页显示的窗口等等。 三、meta标签的可选属性 在W3school中，对
html meta的作用
weixin_33994444的博客
11-24 143
meta标签之详解 meta是html语言head区的一个辅助性标签。几乎所有的网页里，我们可以看到类似下面这段的html代码： ＜head＞ ＜meta http-equiv="content-Type" content="text/html; charset=gb2312"＞ ＜/head＞ 也许你认为这些代码可有可无。其实...
HTML里meta的作用于用法
m0_67176957的博客
02-23 440
meta主要用于设置网页中的一些元数据，元数据不是给用户看的 charset指定网页的字符集 name指定的数据的名称 content指定的数据的内容 keywords表示网站的关键字，可以同时指定多个关键字，关键字间用，隔开 description用于指定网站的描述 网站的描述会显示在搜索引擎的搜索的结果中 title标签的内容会作为搜索结果的超链接上的文字显示 总结：meta是写在head标签里的 主要作用：1.设置编码字符集 2.设置网页中...
HTML中meta作用
Sir_LuciFer的专栏
09-18 849
　　meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta标签用于网页的与中，meta 标签的用处很多。meta的属性有两种：name和http-equiv。name属性主要用于描述网页，对应于content（网页内容），以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类）。这其中最重要的是description（站点在搜
html中的meta标签的作用
Liu_qiaojun的博客
08-26 705
meta标签详情 有四种属性： 1.charset 2.name 3.content 4.http-equiv 标题相关属性 1. charset： 页面中的必须标签，说明页面是UTF-8格式，防止乱码。 2.name： name属性主要用于描述网页，content中为属性对应的属性值，content中的属性值主要是便于搜索引擎机器人查找信息和分类信息用的。 name的参数有： keywords（关键字） keywords为搜索引擎提供网站的关键字 例：（视频，爱奇艺为关键字） description
html中的meta详解
weixin_33716557的博客
05-16 150
转自http://www.cnblogs.com/javaee6/p/3730750.html 1 name=viewport <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> 1、w...
html中的meta标签作用
u012422446的博客
08-20 864
meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的与中，meta 标签的用处很多。meta 的属性有两种：name和http- equiv。name属性主要用于描述网页，对应于content（网页内容），以便于搜索引擎机器人查找、分类（目前几乎所有皼br /> ?搜索引擎都使用网上机器人自动查找meta值来给网页分类）。这其中最重要的是description（站点
html中meta标签的属性和作用。
wukongli70616的博客
04-16 711
页面关键词　　&lt;meta name="keywords" content="your tags" /&gt;页面描述　　&lt;meta name="description" content="150 words" /&gt;搜索引擎索引方式　　&lt;meta name="robots" content="index,follow" /&am
入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。HTML 指的是超文本标记语言: HyperText Markup LanguageHTML 不是一种编程语言，而是一种标记语言标记语言是一套标记标签 (markup tag)HTML 使用标记标签来描述网页HTML 文档包含了HTML 标签及文本内容HTML文档也叫做 web 页面2 入门实例新建一个test.html文件，内容如下<!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <h1>我的第一个标题</h1><p>我的第一个段落。</p> </body></html>其中：<!DOCTYPE html> 声明为 HTML5 文档<html> 元素是 HTML 页面的根元素<head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8（由于在大部分浏览器中直接输出中文会出现乱码，所以要在头部将字符声明为UTF-8）<title> 元素描述了文档的标题<body> 元素包含了可见的页面内容<h1> 元素定义一个大标题<p> 元素定义一个段落保存后运行，即可在浏览器中打开如下界面3 各部分详解3.1 标题HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的.<!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <h1>这是标题 1</h1><h2>这是标题 2</h2><h3>这是标题 3</h3><h4>这是标题 4</h4><h5>这是标题 5</h5><h6>这是标题 6</h6> </body></html>3.2 段落HTML 段落是通过标签 <p> 来定义的<!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <p>这是一个段落。</p><p>这是一个段落。</p><p>这是一个段落。</p> </body></html>3.3 链接HTML 链接是通过标签 <a> 来定义的<!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <a href="https://blog.youkuaiyun.com/zong596568821xp">这是一个链接使用了 href 属性</a> </body></html>3.4 图像HTML 图像是通过标签 <img> 来定义的。注意： 图像的名称和尺寸是以属性的形式提供的。<!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <img src="zongxp.jpg" width="640" height="640" /> </body></html>3.5 表格表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。表格的表头使用 <th> 标签进行定义。如果不定义边框属性，表格将不显示边框。有时这很有用，但是大多数时候，我们希望显示边框。使用边框属性来显示一个带有边框的表格：<table border="1"> <tr> <th>Header 1</th> <th>Header 2</th> </tr> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr></table>4 速查列表4.1 基本文档<!DOCTYPE html><html><head><title>文档标题</title></head><body>可见文本...</body></html>4.2 基本标签<h1>最大的标题</h1><h2> . . . </h2><h3> . . . </h3><h4> . . . </h4><h5> . . . </h5><h6>最小的标题</h6> <p>这是一个段落。</p><br> （换行）<hr> （水平线）<!-- 这是注释 -->4.3 文本格式化
最新发布
04-02
<title>网页标题</title> </head> <body> <!-- 页面主体 --> </body> </html> ``` --- ### 常见 HTML 标签及其用途 #### 1. 段落标签 `<p>` 用于定义一段文字内容。例如： ```html <p>这是一个段落。</p> ``` ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值