零基础HTML教程(28)--meta标签常见用法

文章目录

  • 1. 引子
  • 2. 常见用法
  • 3. 小结

1. 引子

其实meta还挺好玩,它的意思是超越,元宇宙英文Metaverse,就是meta(超越)+universe(宇宙)的结合。

所以美国的facebook把公司名都改为meta了。

但是在网页中,它没这么神,只是用来给整个网页提供一些配置信息。

2. 常见用法

可以设置网页的编码方式:

  <meta charset="UTF-8">

可以设置网页的关键词,便于搜索引擎收录:

  <meta name="keywords" content="程序员,大阳,博客,HTML">

可以设置网页的作者信息:

  <meta name="author" content="程序员大阳">

可以设置网页的描述信息:

  <meta name="description" content="程序员大阳的技术博客,欢迎浏览">

还有一个比较常见的用法,就是设置网页的视点信息

<meta name="viewport" content="width=device-width, initial-scale=1.0;">

上面代码的意思是:将网页的宽度(width)设置为设备宽度(device-width),并设置初始缩放比例为1.0。

感兴趣的话,可以修改下初始缩放比例。这个主要是为了兼容移动端浏览器使用的设置。

3. 小结

meta有时候并不影响网页的使用,但是用上他更好,特别是涉及比较特殊的使用场景(例如手机、平板)。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/diannao/3401.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

python高级进阶(三)[面向对象]

目录 一、面向对象是什么&#xff1f; 二、面向对象编程主的基本概念 三、类 四、对象 4.1 创建对象的格式为 4.2 添加和获取对象的属性 4.3 在方法内通过self获取对象属性 4.4 __init__方法 说明&#xff1a; 4.5 有参数的__init__方法 说明&#xff1a; 注意&…

融合创新:LangChain、阿里云通义千问与SerpApi搜索的强强联合

随着人工智能技术的飞速发展,各类创新工具不断涌现,旨在为用户提供更高效、精准的信息获取与处理能力。本文将聚焦于三个颇具代表性的技术平台——LangChain、阿里云通义千问与SerpApi搜索,探讨它们各自的特性与优势,并展望它们如何相互融合,共同构建强大的智能解决方案。…

html中字体加粗

在HTML中&#xff0c;你可以使用<b>标签或<strong>标签来使字体加粗。<b>标签用于表示粗体文本&#xff0c;而<strong>标签不仅表示粗体文本&#xff0c;还表示文本的重要性。 例如&#xff1a; 使用<b>标签&#xff1a; <p>这是一个&l…

本地安装mysql并用python访问它

数据还是放在数据库中比较好&#xff0c;于是决定在本机安装个mysql服务。 环境&#xff1a;windows 10&#xff0c;python3.8.10 安装前首先要注意一点&#xff1a; 设置-系统-关于-设备&#xff08;电脑&#xff09;名称&#xff1a;为英文 一、进入mysql官网下载GPL免费版…

Java/Android设计模式学习笔记

Java/Android设计模式学习笔记 1.参考资料 书籍 适合容易集中精力的看,可以私信我拿资源 《Head First设计模式》—已看&#xff0c;推荐 《大话设计模式【Java溢彩加强版】》 – 程杰&#xff0c;2022年 《图解设计模式》 视频 适合不容易集中精力的看 尚硅谷Java设计…

C++概念、头文件与c区别、变量、const关键字以及enum枚举

C概念 C最主要的就是&#xff1a;C是面向对象的编程思想&#xff0c;而C是面向过程的编程思想。C编写出来的效率比其他语言高的多。 C思想&#xff1a;万物皆对象 C语言的主要特点表现在两个方面&#xff0c;一是尽量兼容C,二是支持面向对象的方法。首先&#xff0c;C的确是一…

SNETCracker--超级弱口令检查工具简介

一、简介 SNETCracker 超级弱口令检查工具是一款Windows平台的弱口令审计工具&#xff0c;支持批量多线程检查&#xff0c;可快速发现弱密码、弱口令账号&#xff0c;密码支持和用户名结合进行检查&#xff0c;大大提高成功率&#xff0c;支持自定义服务端口和字典。 二、SNE…

web前端练习三

一.随机点名程序 1.点击点名按钮&#xff0c;名字界面随机显示&#xff0c;按钮文字由点名变为停止 2.再次点击点名按钮&#xff0c;显示当前被点名学生姓名&#xff0c;按钮文字由停止变为点名 <!DOCTYPE html> <html lang"en"> <head><meta…

Java集成结巴中文分词器、Springboot项目整合jieba分词,实现语句最精确的切分、自定义拆词

文章目录 一、jieba介绍二、集成三、原理四、自定义拆词4.1、方式一&#xff1a;在源码的dict.txt中修改然后重新打包(推荐)4.2、新建文件自定义拆词 五、其他问题 一、jieba介绍 jieba是一个分词器&#xff0c;可以实现智能拆词&#xff0c;最早是提供了python包&#xff0c;…

迪拜之行回顾:CESS 的 DePIN 创新之旅

迪拜最近是一个关键热词&#xff0c;成为了一系列 Web3 和加密活动的中心&#xff0c;吸引了行业领导者、创新者和爱好者&#xff0c;探索区块链和去中心化技术的最新发展。从 4 月中旬&#xff0c;一系列行业会议和活动陆续举行&#xff0c;吸引了一众与会者。然而暴雨积水又成…

2023平航杯——手机取证复现

手机最近连接的wifi"只有红茶可以吗"的密码是&#xff1f;【标准格式&#xff1a;ABCabc123!#】 手机上安装了某个运动软件&#xff0c;它的包名是&#xff1f;【标准格式&#xff1a;com.baidu.gpt】 com.dizhisoft.changdongli 该运动软件中最近一次运动记录的起点…

NodeJS操作符空格漏洞

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境&#xff0c;它使得 JavaScript 可以脱离浏览器在服务器端运行。Node.js 利用事件驱动、非阻塞 I/O 模型等技术提高了性能&#xff0c;从而在开发领域得到广泛应用&#xff0c;比如Web服务应用&#xff08;尤其是非阻塞…

Python+Appium实现自动化测试

&#x1f345; 视频学习&#xff1a;文末有免费的配套视频可观看 &#x1f345; 关注公众号【互联网杂货铺】&#xff0c;回复 1 &#xff0c;免费获取软件测试全套资料&#xff0c;资料在手&#xff0c;涨薪更快 一、环境准备 1.脚本语言&#xff1a;Python3.x IDE&#x…

Mac安装flutter环境

好记性不如烂笔头,之前出现文章用的后面再访问就没了,不如自己保存备份一份,哈哈 MAC电脑安装flutter环境 一&#xff0c;获取Flutter SDK 去flutter官网下载其最新可用的安装包 地址&#xff1a;https://flutter.dev/docs/development/tools/sdk/releases?tabmacos#macos …

如何使用Vite创建vue项目中配置别名和扩展名

在vite.config.js中&#xff0c;resolve 用于配置模块解析规则&#xff0c;如设置别名、扩展名等。 import {defineConfig} from vite import vue from vitejs/plugin-vue import path from path;export default defineConfig({resolve: {// 别名配置alias: {// 将 指向根目录…

C++ set、map

文章目录 关联式容器键值对树形结构的关联式容器setset的介绍set的使用 multisetmapmap的介绍map的使用 multimap 关联式容器 CSTL包含了序列式容器和关联式容器&#xff1a; 序列式容器&#xff1a;vector/list/deque关联式容器&#xff1a;set/map等 关联式容器也是用来存…

Java基础:设计模式之抽象工厂模式

一、模式定义与目的 抽象工厂模式&#xff08;Abstract Factory Pattern&#xff09;是一种创建型设计模式&#xff0c;它为创建一组相关或相互依赖的对象提供了接口&#xff0c;而无需指定这些对象的具体类。这种模式允许客户端使用抽象接口来创建家族内的产品对象&#xff0…

Yolov5 export.py实现onnx模型的导出

查了很多资料&#xff0c;很多用python代码写的&#xff0c;只需要这个库那个库的&#xff0c;最后都没成功。 不如直接使用Yolov5里面的 export.py实现模型的转换。 一&#xff1a;安装依赖 因为yolov5里面的requirments.txt是将这些转换模型的都注释掉了 所以需要解除注释…

SAP如何批量标记生产订单的TECO状态

声明&#xff1a;本文仅代表作者观点和立场&#xff0c;不代表任何公司&#xff01;仅用于SAP软件应用学习参考。 SAP/ERP系统生产订单完工后&#xff0c;在进行结算之前&#xff0c;需要进行技术性完成操作&#xff0c;即将生产订单批量标记TECO&#xff0c;标记上TECO表示生…

独立站运营教程:站外引流如何做?

在当今全球化的商业环境中&#xff0c;跨境电商已经成为一个蓬勃发展的行业。对于跨境电商独立站来说&#xff0c;站外引流是非常关键的一环&#xff0c;它可以帮助独立站吸引更多潜在客户&#xff0c;提升品牌知名度&#xff0c;促进销售增长。本文将深入探讨如何实现跨境电商…