​说说你对<meta>标签的理解​

news/2024/9/8 3:44:53/

Meta标签是 HTML 语言 head 区的一个辅助性标签,它位于HTML文档头部的 head 标记和 title 标记之间,它提供用户不可见的信息

Meta : 即 **元数据(Metadata)**是数据的基本信息。

元数据可以被使用浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 Web 服务调用。

用我们的大白话来说,它本身是一个没什么用的标签,但是一旦在它内部通过其他属性设置了某些效果,它就起作用了,所以我们称之为“ 元数据 ”。

它内部可填写的属性如下:  

属性描述
charset (HTML5)character_set定义文档的字符编码。
contenttext定义与 http-equiv 或 name 属性相关的元信息。
http-equivcontent-type、default-style、refresh把 content 属性关联到 HTTP 头部。
nameapplication-name、author、description、generator、keywords把 content 属性关联到一个名称。
schemeformat/URIHTML5不支持。 定义用于翻译 content 属性值的格式。

主要是给机器以及爬虫来阅读的。

比较常用的属性有下面几个:

  • charset: 在 HTML5 中推荐的用法,一般设为 UTF-8 防止出现乱码。 <meta charset="UTF-8" />
  • name 与 content 的搭配使用: <meta name="xxx" content="xxx" />
    • name=viewport: 移动端开发使用的属性,用来设置视窗的宽度,是否允许缩放等。与 Day 10 viewport 常见设置都有哪些? 相关
    • name=author: 用来设置作者,给 SEO 使用
    • name=description: 页面的描述,在浏览器用作书签时会显示对应的内容
    • name=keywords: 网页的关键字,给 SEO 使用
  • http-equiv 与 content 的搭配使用
    • refresh: 允许页面在一定时间后刷新或者重定向到另一个地址

http://www.ppmy.cn/news/51582.html

相关文章

【gcd性质】最小公倍数挑战

题目-最小公倍数挑战 (51nod.com) 题意&#xff1a; 思路&#xff1a; 要找到三个数使得他们的lcm尽可能大 那就让这三个数都两两互质&#xff0c;且三个数的积尽可能大 若n为奇数&#xff0c;考虑n-1和n-2 n和n-1一定互质&#xff0c;那么考虑n和n-2是否互质 结论是&…

【python】采集每日必看黄色软件数据~

前言 大家早好、午好、晚好吖 ❤ ~欢迎光临本文章 环境使用: Python 3.8 Pycharm 模块使用: requests >>> pip install requests re csv 安装模块&#xff1a;win R 输入cmd 输入安装命令 pip install 模块名 如果出现爆红 可能是因为 网络连接超时 切换国内…

加密解密软件VMProtect入门使用教程(二):分析、破解和保护软件

VMProtect是新一代软件保护实用程序。VMProtect支持德尔菲、Borland C Builder、Visual C/C、Visual Basic&#xff08;本机&#xff09;、Virtual Pascal和XCode编译器。 同时&#xff0c;VMProtect有一个内置的反汇编程序&#xff0c;可以与Windows和Mac OS X可执行文件一起…

Go 语言进阶与依赖管理

作者&#xff1a;非妃是公主 专栏&#xff1a;《Golang》 博客主页&#xff1a;https://blog.csdn.net/myf_666 个性签&#xff1a;顺境不惰&#xff0c;逆境不馁&#xff0c;以心制境&#xff0c;万事可成。——曾国藩 文章目录 一、语言进阶1. 并发和并行2. 协程(Goroutine…

Leetcode力扣秋招刷题路-0295

从0开始的秋招刷题路&#xff0c;记录下所刷每道题的题解&#xff0c;帮助自己回顾总结 295. 数据流的中位数 中位数是有序整数列表中的中间值。如果列表的大小是偶数&#xff0c;则没有中间值&#xff0c;中位数是两个中间值的平均值。 例如 arr [2,3,4] 的中位数是 3 。 …

数据结构与算法基础(王卓)(30):直接插入排序思路复盘梳理、个人版本最终答案

精华&#xff1a;算法总结归纳区别复盘&#xff1a; 目录 精华&#xff1a;算法总结归纳区别复盘&#xff1a; 标准答案思路&#xff1a; 我的答案思路&#xff1a; 区别和问题&#xff1a; &#xff08;1&#xff09;&#xff1a; 只有【无序序列的第一个元素&#xff…

Packer 简要使用说明

文章目录 简介安装Packer 注意事项常用命令简单说明AWS谷歌云华为云AWS EC2 示例1. 安装 Packer CLI 程序。2. 新建 AWS 程序密钥&#xff0c;授予权限如下&#xff1a;3. 设置环境变量关联 AWS 程序密钥或者运行命令 aws configure 直接永久保存密钥配置&#xff1a;4. 新建模…

web实验(3)

应用JavaScript编写留言的功能&#xff0c;在文本中输入文字提交后&#xff0c;在下方进行显示。 提示&#xff1a;可将下方内容以列表体现&#xff0c;提交时动态创建列表的项。可使用以下两种方式之一的方法&#xff1a; 使用CreateElenment动态创建li标签及li中的文本 在列…

CSDN 周赛 48 期

CSDN 周赛 48 期 工作日参赛1、题目名称&#xff1a;最后一位2、题目名称&#xff1a;天然气订单3、题目名称&#xff1a;排查网络故障4、题目名称&#xff1a;运输石油小结 工作日参赛 说实话&#xff0c;今天是周末&#xff0c;但是今天也是工作日&#xff0c;老顾已经预计到…

flex布局 高度没有自动撑到max-height

在做一个项目时&#xff0c;用到了竖向flex布局&#xff0c;我写了max-height: 820px, 但是到小屏幕时&#xff0c;只能撑到773px&#xff0c;解决方法是height: max-content. 但是不知道为什么只能撑到773px便撑不动了。 https://zhuanlan.zhihu.com/p/130460207 这个文档说的…

【IT 常识】安装(Install)、部署(Deploy)、搭建(Setup)和配置(Configure、Set)的区别

文章目录 前言安装、部署与搭建Install vs. Setup/Set upInstall vs. DeploySetup/Set up vs. Deploy 设置与配置Set vs. ConfigureSetting vs. Configuration vs. Option 前言 在平时工作中&#xff0c;我们并没有严格区分 安装&#xff08;Install&#xff09;、部署&#x…

java——文件管理与输入输出

数据如何进行持久化存储&#xff1f; 使用文件进行存储。 面向对象程序是如何完成数据的持久化存储&#xff1f; 面向对象程序是通过流将数据保存到文件的。 什么是流&#xff1f; 是指同一台计算机或网络中不同计算机之间有序运动着的数据序列。Java把这些不同来源和目标的数据…

oracle统计信息详解

收集oracle统计信息 优化器统计范围&#xff1a; 表统计&#xff1b; --行数&#xff0c;块数&#xff0c;行平均长度&#xff1b;all_tables&#xff1a;NUM_ROWS&#xff0c;BLOCKS&#xff0c;AVG_ROW_LEN&#xff1b;列统计&#xff1b; --列中唯一值的数量&#xff08;N…

Java题目训练——反转部分单向链表和猴子分桃

一、反转部分单向链表 题目描述&#xff1a; 给定一个单链表&#xff0c;在链表中把第 L 个节点到第 R 个节点这一部分进行反转。 输入描述&#xff1a; n 表示单链表的长度。 val 表示单链表各个节点的值。 L 表示翻转区间的左端点。 R 表示翻转区间的右端点。 输出描述&…

nginx常用配置说明

1.nginx设置访问白名单 在 Nginx 中设置白名单可以通过以下步骤实现&#xff1a; 创建一个文本文件&#xff0c;用于存储白名单 IP 地址。例如&#xff0c;可以创建一个名为 whitelist.txt 的文件&#xff0c;并将允许访问的 IP 地址逐行添加到该文件中&#xff0c;每个 IP 地…

HDCTF

Welcome To HDCTF 2023 看源码找到game.js 找到这一串 放到控制台运行即可 SearchMaster 题目让post提交一个data 随便传一个在页面执行了 当传入{时他会报错&#xff0c;看报错信息发现 Smarty&#xff0c;猜测Smarty的ssti&#xff0c;数据发送到前端 用{if}标签即可 {…

FPGA学习笔记(三):PLL 锁相环

在 FPGA 芯片内部集成了 PLL(phase-locked loop&#xff0c;锁相环)&#xff0c;可以倍频分频&#xff0c;产生其它时钟类型。PLL 是 FPGA 中的重要资源&#xff0c;因为一个复杂的 FPGA 系统需要不同频率、相位的时钟信号&#xff0c;一个 FPGA 芯片中 PLL 的数量是衡量 FPGA …

Java中的异常处理机制

1. 异常机制存在的必要性 首先明确&#xff0c;程序一旦发生异常&#xff0c;如果没有被处理&#xff0c;程序就会非正常终止。 紧接着来看一段代码&#xff0c;在以下代码中&#xff0c;以为对数组进行了越界访问&#xff0c;导致程序运行中断&#xff0c;提前结束。导致后面…

Centos 搭建共享数据发布服务器

Centos 搭建共享数据发布服务器 1. 下载系统镜像2. 制作系统盘3. 制作系统3.1 BIOS设置3.2 安装系统3.3 重做系统 4 配置服务器4.1 挂载硬盘4.2 配置账号4.3 配置samba4.4 配置ftp1. 安装ftp2. 配置ftp 5. 验证5.1 验证ftp5.2 验证samba 共享服务器策略简述&#xff1a; smb提…

坚持刷题2个月,终于去了梦寐以求的大厂....

写在前面 最近一个读者和我反馈&#xff0c;他坚持刷题2个月&#xff0c;终于去了他梦寐以求的大厂&#xff0c;薪资涨幅非常可观&#xff0c;期间面字节跳动还遇到了原题…并表示目前国内的大厂和一些独角兽&#xff0c;已经越来越效仿硅谷公司的做法&#xff0c;通过面试给定…