Meta详解~~~

前端学习12:HTML头部、布局 meta name="concrotion" content="这是一个网页"> 阅读详情
meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的<head>与</head>中,meta 标签的用处很多。meta 的属性有两种:name和http-equiv。name属性主要用于描述网页,对应于content(网页内容),以便于搜索引擎机器人查找、分类(目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类)。这其中最重要的是description(站点在搜索引擎上的描述)和keywords(分类关键词),所以应该给每页加一个meta值。比较常用的有以下几个:

  name 属性

  1、<meta name="Generator" contect="">用以说明生成工具(如Microsoft FrontPage 4.0)等;

  2、<meta name="KEYWords" contect="">向搜索引擎说明你的网页的关键词;

  3、<meta name="DEscription" contect="">告诉搜索引擎你的站点的主要内容;

  4、<meta name="Author" contect="你的姓名">告诉搜索引擎你的站点的制作的作者;

  5、<meta name="Robots" contect= "all|none|index|noindex|follow|nofollow">

  其中的属性说明如下:

  设定为all:文件将被检索,且页面上的链接可以被查询;

  设定为none:文件将不被检索,且页面上的链接不可以被查询;

  设定为index:文件将被检索;

  设定为follow:页面上的链接可以被查询;

  设定为noindex:文件将不被检索,但页面上的链接可以被查询;

  设定为nofollow:文件将不被检索,页面上的链接可以被查询。

  http-equiv属性

  1、<meta http-equiv="Content-Type" contect="text/html";charset=gb_2312-80">

和 <meta http-equiv="Content-Language" contect="zh-CN">用以说明主页制作所使用的文字以及语言;

  又如英文是ISO-8859-1字符集,还有BIG5、utf-8、shift-Jis、Euc、Koi8-2等字符集;

  2、<meta http-equiv="Refresh" contect="n;url=http://yourlink">定时让网页在指定的时间n内,跳转到页面http://yourlink;

  3、<meta http-equiv="Expires" contect="Mon,12 May 2001 00:20:00 GMT">可以用于设定网页的到期时间,一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式;

  4、<meta http-equiv="Pragma" contect="no-cache">是用于设定禁止浏览器从本地机的缓存中调阅页面内容,设定后一旦离开网页就无法从Cache中再调出;

  5、<meta http-equiv="set-cookie" contect="Mon,12 May 2001 00:20:00 GMT">cookie设定,如果网页过期,存盘的cookie将被删除。需要注意的也是必须使用GMT时间格式;

  6、<meta http-equiv="Pics-label" contect="">网页等级评定,在IE的internet选项中有一项内容设置,可以防止浏览一些受限制的网站,而网站的限制级别就是通过meta属性来设置的;

  7、<meta http-equiv="windows-Target" contect="_top">强制页面在当前窗口中以独立页面显示,可以防止自己的网页被别人当作一个frame页调用;

  8、<meta http-equiv="Page-Enter" contect="revealTrans(duration=10,transtion= 50)">和<meta http-equiv="Page-Exit" contect="revealTrans(duration=20,transtion=6)">设定进入和离开页面时的特殊效果,这个功能即FrontPage中的“格式/网页过渡”,不过所加的页面不能够是一个frame页面。

  以上是常用的几个meta属性,有个人主页的朋友不妨在你的主页中加上它,效果可是不一样的哦:)。

在 HTML 里 meta 标签常用的几种用法 mate标签用于设置网页中的元数据,元数据不是给用户看的 字节数标签 可以通过meta标签来设置网页的字符集,避免乱码问题 用法: 1、 charset 指定网页的字符集 2、 name 指定数据的名称(关键字) content 指定数据的内容 keywords(不区分大小写) 表示网站的关键字,可以同时使用多个关键字,关键字间用逗号隔开 3、 description 用于指定网站的描述,相当于网站的自我介绍 网站的描述会显示在搜索引擎的搜索结果中 4、 将页面重定向到另一个网站(此例子三秒后跳到百度页面) 阅读详情

相关推荐

【渗透测试-web安全】URL跳转

【渗透测试-web安全】URL跳转基本概念常见实现方式:1、设置Header头跳转2、JavaScript跳转3、META标签跳转利用过程 基本概念 借助未验证的URL跳转,将应用程序引导到不安全的第三方区域,从而导致安全问题。 常见实现方式: 1、设置Header头跳转 ~~~php <?php header("Content-Type: text/html; charset=utf8")...

harry_c的博客 1540

HTML 头部

html 头部元素介绍

jiaomubai的博客 3067

HTML <head>标签:头部

charset 属性用来指定 HTML 文档的字符编码,上面的示例中,我们将文档的字符编码设置为了“UTF-8”。2) 定义页面描述定义页面的描述信息有利于搜索引擎的搜索。

白粥 2321

HTML 头部介绍

HTML 头部是网页中最重要的部分之一,它包含了一些必要的信息,如文档类型、字符编码、样式表和脚本等。正确使用 HTML 头部可以使网页更加美观、易读和易维护。建议在编写网页时,认真编写 HTML 头部,以提高网页的质量和用户体验。

weixin_46004749的博客 1911

Windows11安装Ubuntu 20.04.3 LTS双系统(详细过程)

一、基础环境 听说BIOS模式的传统MBR模式和新式UEFI模式,会对安装双系统产生影响。Windows11应该都是UEFI吧,可以按win+r输入msinfo32回车确认查看BIOS模式,我的电脑是UEFI+双硬盘 Ubuntu安装准备 1、 官网下载Ubuntu 20.04.3 LTS镜像iso文件:https://ubuntu.com/download/desktop 2、 下载官网推荐的U盘启动制作工具rufus: https://rufus.ie/ 3、制作启动u盘 插入U盘, 运行 rufu

学习随笔 9万+

树莓派国内镜像源一键配置指南

本文提供树莓派国内镜像源一键配置指南,解决默认国外源访问缓慢问题。通过自动检测系统版本并支持清华、阿里云、中科大等主流镜像站选择,大幅提升软件更新与安装速度。包含详细的手动配置方法和常见问题排查,帮助用户快速完成树莓派换源优化。

tequila的博客 1376

Meta Llama3 大模型在 Mac 上的部署和运行

就在前不久,Meta 正式发布了最新版本的开源大模型 Llama3 ,是迄今为止能力最强的开源大模型。Llama3 提供了两个版本 8B 和 70B ,如果你不了解 B 代表什么含义,参考这里:# 关于大模型的一些基础内容其中,8B 版本适合在消费级 GPU 上高效部署和开发;70B 版本则专为大规模 AI 应用设计。每个版本都包括基础和指令调优两种形式。Meta 首席执行官扎克伯格宣布:基于最新...

音视频开发进阶 4153

一文读懂YOLO V5 与 YOLO V4

一文读懂YOLO V5 与 YOLO V4 YOLO之父Joseph Redmon在今年年初宣布退出计算机视觉的研究的时候,很多人都以为目标检测神器YOLO系列就此终结。然而在4月23日,继任者YOLO V4却悄无声息地来了。Alexey Bochkovskiy发表了一篇名为YOLOV4: Optimal Speed and Accuracy of Object Detection的文章。YOLO V4是YOLO系列一个重大的更新,其在COCO数据集上的平均精度(AP)和帧率精度(FPS)分别提高了10%

williamhyin的博客 8795

Django之视图层详解,小白都能看懂~~~

Django----视图层 1 视图函数 一个视图函数,简称视图,是一个简单的Python 函数,它接受Web请求并且返回Web响应。 响应可以是一张网页的HTML内容,一个重定向,一个404错误,一个XML文档,或者一张图片. . . 是任何东西都可以。 无论视图本身包含什么逻辑,都要返回响应。 代码写在哪里也无所谓,只要它在你的Python目录下面。 除此之外没有更多的要求了——可以说“没有什么神奇的地方”。 为了将代码放在某处,约定是将视图放置在项目或应用程序目录中的名为views.py的

我可是小老虎的博客 401

Android布局基础与UI设计入门:打造精美应用界面

恭喜你!现在你已经掌握了Android UI开发的基础知识,包括各种布局类型、常用控件的使用以及一些UI优化技巧。这些知识将帮助你设计出既美观又实用的Android应用界面。

m0_65382359的博客 2056

zabbix6.0.4拓扑图链路显示流量

1. 背景介绍 网络流量监控是网络管理员必备功课,以前研究cacti的weathermap插件,网络流量大小和拥塞情况一清二楚,随着cacti的没落,weathermap插件也不能再继续使用,此时就需要学习了解新的替代方案。 经过研究和实际测试,发现zabbix的拓扑图有这个功能。 以下验证了zabbix的拓扑图显示线路流量的功能。 2. Zabbix 6显示拓扑图流量过程 选择监测-拓扑图 点进Local ne...

u013930899的博客 8485

网站元数据meta标签的含义和用法

最近在做网页,个人对网站元数据meta标签的含义和用法了解的不是很深,所以在网上搜到了一些关于这方面的知识,并摘抄至此,希望能够与大家共同学习,高手勿喷哦~~~ (注:此文原文内容访问地址:http://www.myexception.cn/web/1648860.html) 关于Meta标签的定义:      Meta标签是HTML语言中HEAD区的一个辅助性标签,它位于HTML文

weimeixiehou的博客 1742

基于ArduPilot的旋翼式无人机飞行器开发系列(二,学习路线)

一,热爱 作为一名耿直的技术男,在这里我只想说一句,热爱是可持续学习的第一要素,也只有热爱才能让你坚持到最后。 至于最后能得到什么,只有你自己知道。常说书中自有颜如玉,书中自有黄金屋。如果你是为了颜如玉,我相信大多数颜如玉做不了你的红颜知己。如果是为了黄金屋,当你持续投入时间和金钱却看不到回报的时候,相信退堂鼓早已隆隆作响。 我给自己的信条就是为当下努力工作,为将来持续学习。当前飞控行业并没有爆发,如果想赚块钱,去互联网汽车,去VR/AR吧,去元宇宙吧。 那么我热爱...

从0到1,突破自己 1670

让iframe根据内容自动调整高度~~~

iframe在网页中经常用到,尤其是不想用框架却想具有框架一样的导航与显示效果的时候。不用框架的原因,有时是受布局图片的限制,不太好划分矩形区域,比较适合用表格背景图片自动伸缩的形式,我最近就碰到一例。    网上很容易搜到在嵌入的页面的onload事件中调用如下代码的方法:    parent.document.all(self.name).height=document.body.scro

【依然】 1858

【WRF-FDDA】观测 Obs nudging 的配置与使用说明(中)

WRF-FDDA

WW、forever的博客 281

基于STM32L4XX、HAL库的BQ25713RSNR充电芯片驱动程序设计

define BQ25713_I2C_ADDR (0x6B << 1) // 7位地址为 0x6B,HAL库需要左移一位。// 示例:配置 CHARGE_OPTION_0 寄存器:使能充电,使能 ICO(输入电流优化)reg_data |= (EN_CHG_MASK | EN_ICO_MASK);

zhusl6688的博客 406

移动端特点(重点)~~~

1 移动端特点 PC端 屏幕大,网页固定版心 浏览器繁多,更多考虑兼容性问题。(布局: 浮动+定位+标准流) 移动端 手机屏幕小,网页宽度多数为100%,是适配手机屏幕宽度 移动端则基本不需要考虑兼容性问题,放心大胆使用CSS新特性 2 物理分辨率和逻辑分辨率 物理分辨率:硬件所支持的,屏幕出厂就设定无法修改 逻辑分辨率:软件可以达到的, 我们开发中写的是逻辑分辨率 3 视口 视口(viewport)就是浏览器显示页面内容的屏幕区域..

weixin_57320268的博客 1391

IDEA的使用指南

IDEA基于java的使用手册,可以最快速的上手,在使用中不断的丰富自己的使用技巧.

手机网页制作的认识(有关meta标签)

近日以来一直在看JQuery Mobile 一个手机开发框架,说实话真的很头疼的~~~~ 因为里面有很多的属性、方法和事件~~~ 下面是手机网页的一些认识:     一、     网页手机wap2.0网页的head里加入下面这条元标签,在iPhone的浏览器中页面将以原始大小显示,并不允许缩放。   name="viewport" content="width=device-width, 

ye1992的专栏 1万+

NTscan扫描工具

ntscan是一个扫描器,可以扫描没有密码和弱密码的共享,先到配置文件中填写猜测的用户名和密码,扫描过程中右侧出现的是扫描日志。

怀旧版电脑GBC模拟器

再现原版GBC掌机的界面,电脑运行连游戏界面都一样大小,很怀旧,很真实,(英文版)强烈推荐,很小的文件,很难才找到的。

[DIV+CSS][转]网页跳转特效~~~

终于终于让我找到网页调转特效了~~~复制下面2段代码中的任意一个,粘贴在修改主模版源码的网头即可,效果不错哟~~~ 代码如下:  解释一下第一行的"page-enter"是说进入页面的时候显示过渡效果第二行反之亦然,是说离开页面的时候显示效果通常我都是只用第一行代码下面的Duration=1是设定过渡效果的速度,1我觉得挺好的,数字越大就越慢Transition=23这个就是国

1657

C# WinForm 基于DirectShow.dll编写的程序,可边预览边保存视频,音频和图片

基于微软的DirectShow.dll的二次开发1.自动识别连接的摄像头跟麦克风且可以对其进行选择(默认选中第一个)2.可录制wmv和avi两种格式的视频并且都带有音频,avi可以录制的分辨率和帧数进行选择,wmv默认进行了淸晰度优化如不喜欢可去除代码中有相关提示3.可在预览点开之后进行拍照,也可边录制视频边拍照4.添加了视频和音频的压缩功能(酌情使用)这次二次开发发现C#对DirectShow的相关信息太少,这次做完也不敢藏私共享出来,还望大家指正

终于找到struts的标签库了~~~汗

看了这么久的书,一直都没找到struts的标签库我用的是struts 1.3.8发现看的资料上在lib文件夹中都有struts-html.tld   struts-logic.tld  struts-bean.tld,那叫一个眼馋啊今天终于找到了,不知道是不是应该这么找在官方下的lib文件夹中,解压struts-tagli-1.3.8.jar,在/struts-1.3.8-all/struts-1

420

Andrdoid 注解和 meta-data (Kotlin)

编程时总会或多或少的使用注解和<meta-data>,本文系统的记录了注解和<meta-data>的几种用法。

Alpinist Wang 1382

IDEA打包jar包详尽流程

打包流程 打开菜单栏File-Project Structure 点击Artifacts 点击 “+” - JAR - From module with depenencies 后弹出如下界面,自此开始,各种问题就来了 首先Module中,我SocketDemo的Module含有SocketDemo、SocketDemo_main、SocketDemo_test三个,一定要选main(一般这条不重要) Main Class选择自己要打包的类(一个Module一个包下可能有多个类需要打包)

wwzmvp的博客 2万+

PatternSyntaxException Dangling meta character ‘+‘ near index 0

PatternSyntaxException Dangling meta character ‘+’ near index 0

YmeBtc的博客 553

手机wap网页制作的认识(有关meta…

近日以来一直在看JQuery Mobile 一个手机开发框架,说实话真的很头疼的~~~~ 因为里面有很多的属性、方法和事件~~~ 下面是手机网页的一些认识:     一、<meta name="viewport" id="viewport" content="width=device-width, initial-scale=1">     网页手机wap2.0网页的head里加入下面这条元标签,

夕雨林流金,web全栈,web全端,网站技术博客 504
上一篇: 用户系统权限设计
下一篇: DullWolf的CNWord类
stefli
博客等级 码龄24年 203粉丝 162原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值