我是靠谱客的博主 美满皮带,最近开发中收集的这篇文章主要介绍网页常用的meta标签整理,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

概要

meta是html语言head区的一个辅助性标签,标签提供关于HTML文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务;

必要属性

属性描述
contentsome text定义与http-equiv或name属性相关的元信息

一 : n a m e 属 性 color{#FF3030}{一:name属性} :name

name属性主要用于描述网页,与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。

meta标签的name属性语法格式是:<meta name="参数" content="具体的参数值">

name属性主要有以下几种参数:

参数说明用法
Keywords关键字<meta name ="keywords" content="百度一下你就知道">
description网站内容描述<meta name="description" content="全球最大的中文搜索引擎、致力于让网民更便捷地获取信息 ">
robots搜索引擎索引方式<meta name="robots" content="none">
author标注网页的作者<meta name="author" content="不时髦的耳朵>

二 : h t t p − e q u i v 属 性 color{#FF3030}{二:http-equiv属性} httpequiv

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

http-equiv属性语法格式是:<meta http-equiv="参数" content="参数变量值"> ;

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

参数说明用法
content-type规定文档的字符编码<meta http-equiv="content-type" content="text/html; charset=UTF-8">
default-style规定要使用的预定义的样式表<meta http-equiv="default-style" content="the document's preferred stylesheet">
Refresh(刷新)自动刷新并指向新页面<meta http-equiv="Refresh" content="2;URL=http://www.baidu.com">

下面展示一些 常用的meta标签

// 百度官方给的禁止转码声明。在网页中添加了这一条,百度就不会移动搜索中将网站转码,并呈现给移动端用户
<meta http-equiv="Cache-Control" content="no-transform" /> 
// 页面缓存时间的最大值是0秒,目的是不让页面缓存,每次访问必须到服务器读取
<meta http-equiv="Cache-Control"content="max-age=0"/> 
// 强制Chromium内核,作用于360浏览器、QQ浏览器等国产双核浏览器
<meta name="renderer" content="webkit"/> 
// 强制Chromium内核,作用于其他双核浏览器 
<meta name="force-rendering" content="webkit"/>
// 提前进行DNS解析以此来提升网站性能,可以让a标签在HTTPS环境下进行DNS预解析
<meta http-equiv="x-dns-prefetch-control" content="on"/>
// 当手机用户浏览PC网站会自动跳转到对应的手机端网站
<meta name="mobile-agent"content="format=html5; url=/m"/> 
// 转码申明,用百度打开网页可能会对其进行转码(比如贴广告)
<meta name="renderer" content="webkit|ie-comp|ie-stand"/>
// 启用 WebApp 全屏模式
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />

最后

以上就是美满皮带为你收集整理的网页常用的meta标签整理的全部内容,希望文章能够帮你解决网页常用的meta标签整理所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(34)

评论列表共有 0 条评论

立即
投稿
返回
顶部