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

news/2024/7/6 0:46:54

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://lihuaxi.xjx100.cn/news/1070962.html

相关文章

AWT_绘图_组件绘图原理

组件绘图原理&#xff1a; 之前我们已经学习过很多组件&#xff0c;例如Button、Frame、Checkbox等等&#xff0c;不同的组件&#xff0c;展现出来的图形都不一样&#xff0c;其实这些组件展示出来的图形&#xff0c;其本质就是用AWT的绘图来完成的。 在AWT中&#xff0c;真正提…

SLAM论文速递:SLAM—— MID-Fusion:基于八叉树的对象级多实例动态SLAM—4.26(1)

论文信息 题目&#xff1a; MID-Fusion:Octree-based Object-Level Multi-Instance Dynamic SLAMMID-Fusion:基于八叉树的对象级多实例动态SLAM 论文地址&#xff1a; https://ieeexplore.ieee.org/abstract/document/8794371发表期刊&#xff1a; 2019 International Conf…

4.26讨论

一、论文的highlights 1. We propose a review-based model to obtain sentiment ratings. 提出基于评论的模型来获得情感分。 2. We design a new reliability scheme for review and rating. 设计了一个评分和评论的可靠度机制。 3. Ratings and review sentiment ratin…

Spring Boot中的监视器是什么?

Spring Boot中的监视器(monitor)是指一组用于监视应用程序性能和运行状况的工具和指标。Spring Boot包含了许多内置的监视器&#xff0c;可以让同学们实时了解您的应用程序的各种指标。 以下是一个简单的示例&#xff0c;演示如何使用Spring Boot内置的监视器&#xff1a; 1.…

接口和类的声明

package com.msb.test04;/* 1.类是类&#xff0c;接口是接口&#xff0c;它们是同一层次的概念。 2.接口中没有构造器。 3.接口如何声明:interface 4.在JDK1.8之前&#xff0c;接口中只有两部分内容:(1) 常量:固定修饰符:public static final (2)抽象方法&#xff1a;固定修饰符…

Docker compose-实现多服务、nginx负载均衡、--scale参数解决端口冲突问题

Docker compose-实现多服务、nginx负载均衡、--scale参数解决端口冲突问题 问题&#xff1a;scale参数端口冲突解决方法&#xff1a;nginx实现多服务、负载均衡修改docker-compose.yml配置新增nginx本地配置文件验证启动容器查看容器状态访问web应用 问题&#xff1a;scale参数…

YARN 远程代码执行(RCE)安全漏洞问题分析与解决方案

YARN 远程代码执行&#xff08;RCE&#xff09;安全漏洞问题分析与解决方案 1 YARN RCE 漏洞问题问题现象 某客户使用Tenable.sc扫描安全漏洞后反馈&#xff0c;YARN 存在Remote code execution (RCE) 安全漏洞问题&#xff0c;攻击者可在未经过身份验证的情况下通过该漏洞在…

观察者设计模式知多少

目录 目标 概述 实现 推设计模式 拉设计模式 被动观察者设计模式 目标 熟悉观察者设计模式&#xff0c;了解观察者设计模式的使用场景、具体实现&#xff08;包括&#xff1a;推设计模式、拉设计模式、被动观察者设计模式&#xff09;。 概述 一、行为设计模式 行为设…