HTML mata标签详解

2023-11-08 11:59
文章标签 详解 html frontend 标签 mata

本文主要是介绍HTML mata标签详解,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

1.meta标签特性

meta标签在网站中有很强大的功效,一个设计较好的meta标签,可以大大提高网站被搜索到的可能性,对搜索引擎优化具有至关重要的作用。以下是meta标签的特性:

  • meta标签是单标签,格式如下:

          <meta 属性="值" />

  • meta标签永远位于head元素内部
  • meta标签分两大部分:http标题信息(http-equiv)和页面描述信息(name)

2.meta标签的http标题信息

http-equiv相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。

meta标签的http-equiv属性语法格式是:

<meta http-equiv="参数" content="参数变量值"/> 

其中http-equiv属性主要有以下几种参数:

(1)expires(期限)

说明:可以用于设定网页的到期时间。一旦网页过期,必须到服务器上重新传输。

举例:

<meta http-equiv="expires" content="Wed, 20 June 2016 10:30:00 GMT">  

注意:必须使用GMT的时间格式。

(2)pragma(cache模式) 

说明:禁止浏览器从本地计算机的缓存中调阅页面内容。

举例:

<meta http-equiv="pragma" content="no-cache"/>  

注意:这样设定,访问者将无法脱机浏览。

(3)refresh(刷新)

说明:定时刷新让网页自动链接到其它网页。

举例:

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

注意:其中的5是指停留5秒钟后自动刷新到URL网址,秒数和URL直接用分号隔开。

(4)content-type(显示字符集的设定)

说明:设定页面使用的字符集。

举例:

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

charset选项:

GB2312、GBK和UTF-8都是一种字符编码,除此之外,还有好多字符编码。只是对于我们中国人的网站来说,用这三种编码比较多。

  • UTF-8 (UTF-8包含全世界所有国家需要用到的字符,是国际编码,通用性强,又称万国码。如:阿里云、淘宝网等都采用这种编码方式)
  • GBK  (GBK是包括中日韩字符的大字符集合。如:京东网采用的是GBK编码)
  • GB2312  (GB2312是GBK的子集,是一种简体中文编码,通行于中国大陆。如:腾讯网、网易等都采用该种编码)

3.meta标签的页面描述信息

name是描述网页的,对应于content(网页内容),以便于搜索引擎机器人查找、分类,目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类。

meta标签的name属性语法格式:

<meta name="参数" content="具体参数值" />

(1)keywords (关键字)

说明:告诉搜索引擎你网页的关键字是什么。

举例:

<meta name="keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东">

注意:上面代码来自于京东网,关键词之间用英文逗号隔开。

(2)description (网页描述)

说明:description用来告诉搜索引擎你的网页主要内容。

举例:

<meta name="description" content="京东JD.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务,为您提供愉悦的网上购物体验!">

fpYd9OJh1n4hXYA2.png

上图是从百度搜索京东,红框内的信息就是meta标签,description描述的内容。

(3)robots (机器人向导)

说明: robots用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。content的参数有all、none、index、noindex、follow、nofollow。默认是all。

举例:

<meta name="robots" content="all"/>

参数说明:

all:搜索引擎将索引此网页,且页面上的链接可以被查询,等价于index和follow

none:搜索引擎将忽略此网页,且页面上的链接不可以被查询,等价于noindex和nofollow

index:文件将被索引

follow:搜索引擎通过此网页的链接,索引搜索其它的网页。

noindex:文件将不被检索,但网页中的链接,可以索引搜索其它的网页

nofollow:文件将不被检索,搜索引擎不可以通过此网页的链接,继续索引其它网页 

(4)author (作者)

说明:标注网页的作者或制作组。

举例:

<meta name="author" content="作者的名字"/>

这篇关于HTML mata标签详解的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/369708

相关文章

Go语言使用select监听多个channel的示例详解

《Go语言使用select监听多个channel的示例详解》本文将聚焦Go并发中的一个强力工具,select,这篇文章将通过实际案例学习如何优雅地监听多个Channel,实现多任务处理、超时控制和非阻... 目录一、前言:为什么要使用select二、实战目标三、案例代码:监听两个任务结果和超时四、运行示例五

Linux线程同步/互斥过程详解

《Linux线程同步/互斥过程详解》文章讲解多线程并发访问导致竞态条件,需通过互斥锁、原子操作和条件变量实现线程安全与同步,分析死锁条件及避免方法,并介绍RAII封装技术提升资源管理效率... 目录01. 资源共享问题1.1 多线程并发访问1.2 临界区与临界资源1.3 锁的引入02. 多线程案例2.1 为

Python使用Tenacity一行代码实现自动重试详解

《Python使用Tenacity一行代码实现自动重试详解》tenacity是一个专为Python设计的通用重试库,它的核心理念就是用简单、清晰的方式,为任何可能失败的操作添加重试能力,下面我们就来看... 目录一切始于一个简单的 API 调用Tenacity 入门:一行代码实现优雅重试精细控制:让重试按我

Python标准库之数据压缩和存档的应用详解

《Python标准库之数据压缩和存档的应用详解》在数据处理与存储领域,压缩和存档是提升效率的关键技术,Python标准库提供了一套完整的工具链,下面小编就来和大家简单介绍一下吧... 目录一、核心模块架构与设计哲学二、关键模块深度解析1.tarfile:专业级归档工具2.zipfile:跨平台归档首选3.

idea的终端(Terminal)cmd的命令换成linux的命令详解

《idea的终端(Terminal)cmd的命令换成linux的命令详解》本文介绍IDEA配置Git的步骤:安装Git、修改终端设置并重启IDEA,强调顺序,作为个人经验分享,希望提供参考并支持脚本之... 目录一编程、设置前二、前置条件三、android设置四、设置后总结一、php设置前二、前置条件

python中列表应用和扩展性实用详解

《python中列表应用和扩展性实用详解》文章介绍了Python列表的核心特性:有序数据集合,用[]定义,元素类型可不同,支持迭代、循环、切片,可执行增删改查、排序、推导式及嵌套操作,是常用的数据处理... 目录1、列表定义2、格式3、列表是可迭代对象4、列表的常见操作总结1、列表定义是处理一组有序项目的

python使用try函数详解

《python使用try函数详解》Pythontry语句用于异常处理,支持捕获特定/多种异常、else/final子句确保资源释放,结合with语句自动清理,可自定义异常及嵌套结构,灵活应对错误场景... 目录try 函数的基本语法捕获特定异常捕获多个异常使用 else 子句使用 finally 子句捕获所

C++11范围for初始化列表auto decltype详解

《C++11范围for初始化列表autodecltype详解》C++11引入auto类型推导、decltype类型推断、统一列表初始化、范围for循环及智能指针,提升代码简洁性、类型安全与资源管理效... 目录C++11新特性1. 自动类型推导auto1.1 基本语法2. decltype3. 列表初始化3

SQL Server 中的 WITH (NOLOCK) 示例详解

《SQLServer中的WITH(NOLOCK)示例详解》SQLServer中的WITH(NOLOCK)是一种表提示,等同于READUNCOMMITTED隔离级别,允许查询在不获取共享锁的情... 目录SQL Server 中的 WITH (NOLOCK) 详解一、WITH (NOLOCK) 的本质二、工作

springboot自定义注解RateLimiter限流注解技术文档详解

《springboot自定义注解RateLimiter限流注解技术文档详解》文章介绍了限流技术的概念、作用及实现方式,通过SpringAOP拦截方法、缓存存储计数器,结合注解、枚举、异常类等核心组件,... 目录什么是限流系统架构核心组件详解1. 限流注解 (@RateLimiter)2. 限流类型枚举 (