meta.html

最新推荐文章于 2023-07-06 15:28:35 发布
最新推荐文章于 2023-07-06 15:28:35 发布
阅读量401 收藏
点赞数
分类专栏： 前端 文章标签： meta 
 
 

  
  <!DOCTYPE html> 
  
  <!-- HTML5 doctype 不区分大小写 -->
 
 

 
 

  
  <html 
  
  lang=
  
  "zh-cmn-Hans-CN"
  
  > 
  
  <!-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa -->
 
 

 
 
 
 
 

 
 

  
  <head>
 
 

 
 

  
  <meta 
  
  charset=
  
  "UTF-8"
  
  >
 
 

 
 
 
 
 

 
 

  
  <meta 
  
  http-equiv=
  
  "X-UA-Compatible" 
  
  content=
  
  "IE=edge,chrome=1" 
  
  /> 
  
  <!-- 优先使用IE最新版本和 Chrome -->
 
 

 
 

  
  <meta 
  
  name=
  
  "renderer" 
  
  content=
  
  "webkit|ie-comp|ie-stand"
  
  > 
  
  <!-- 360 浏览器内核控制 -->
 
 

 
 

  
  <!--
 
 

 
 

  
  content的取值为webkit,ie-comp,ie-stand之一，区分大小写，分别代表用webkit内核，IE兼容内核，IE标准内核。
 
 

 
 

  
  若页面需默认用极速核，增加标签：<meta name="renderer" content="webkit"> 
 
 

 
 

  
  若页面需默认用ie兼容内核，增加标签：<meta name="renderer" content="ie-comp"> 
 
 

 
 

  
  若页面需默认用ie标准内核，增加标签：<meta name="renderer" content="ie-stand">
 
 

 
 

  
  -->
 
 

 
 

  
   
 
 

 
 

  
  <!-- width=device-width 会导致 iPhone 5 添加到主屏后以 WebAPP 全屏模式打开页面时出现黑边 http://bigc.at/ios-webapp-viewport-meta.orz -->
 
 

 
 

  
  <meta 
  
  name =
  
  "viewport" 
  
  content =
  
  "initial-scale=1.0, maximum-scale=3, minimum-scale=1, user-scalable=no"
  
  >
 
 

 
 
 
 
 

 
 

  
  <meta 
  
  name=
  
  "apple-mobile-web-app-title" 
  
  content=
  
  "标题"
  
  > 
  
  <!-- 添加到主屏时的标题 -->
 
 

 
 
 
 
 

 
 

  
  <meta 
  
  name=
  
  "apple-mobile-web-app-capable" 
  
  content=
  
  "yes" 
  
  /> 
  
  <!-- 是否启用 WebAPP 全屏模式 -->
 
 

 
 
 
 
 

 
 

  
  <meta 
  
  name=
  
  "apple-mobile-web-app-status-bar-style" 
  
  content=
  
  "black-translucent" 
  
  /> 
  
  <!-- 状态条颜色 -->
 
 

 
 
 
 
 

 
 

  
  <meta 
  
  name=
  
  "format-detection" 
  
  content=
  
  "telephone=no" 
  
  /> 
  
  <!-- 屏蔽数字自动识别为电话号码 -->
 
 

 
 
 
 
 

 
 

  
  <!-- iOS 图标 begin -->
 
 

 
 

  
  <!--默认 57x57 像素-->
 
 

 
 

  
  <link 
  
  rel=
  
  "apple-touch-icon-precomposed" 
  
  href=
  
  "http://wanke.etao.com/assets/img/icon/57/apple-touch-icon-57x57-precomposed.png" 
  
  />
 
 

 
 

  
  <!--iPad 1 72x72 像素-->
 
 

 
 

  
  <link 
  
  rel=
  
  "apple-touch-icon-precomposed" 
  
  sizes=
  
  "72x72" 
  
  href=
  
  "http://wanke.etao.com/assets/img/icon/72/apple-touch-icon-72x72-precomposed.png" 
  
  />
 
 

 
 

  
  <!--iPhone 4 114x114 像素-->
 
 

 
 

  
  <link 
  
  rel=
  
  "apple-touch-icon-precomposed" 
  
  sizes=
  
  "114x114" 
  
  href=
  
  "http://wanke.etao.com/assets/img/icon/114/apple-touch-icon-114x114-precomposed.png" 
  
  />
 
 

 
 

  
  <!-- iOS 图标 end -->
 
 

 
 
 
 
 

 
 

  
  <meta 
  
  name=
  
  "msapplication-TileColor" 
  
  content=
  
  "#000"
  
  /> 
  
  <!-- Windows 8 磁贴颜色 -->
 
 

 
 

  
  <meta 
  
  name=
  
  "msapplication-TileImage" 
  
  content=
  
  "icon.png"
  
  /> 
  
  <!-- Windows 8 磁贴图标 -->
 
 

 
 

  
   
 
 

 
 

  
  <!-- SEO 优化 -->
 
 

 
 

  
  <meta 
  
  name=
  
  "description" 
  
  content=
  
  "" 
  
  /> 
  
  <!-- 页面描述 -->
 
 

 
 

  
  <meta 
  
  name=
  
  "keywords" 
  
  content=
  
  ""
  
  /> 
  
  <!-- 页面关键词 -->
 
 

 
 

  
  <title>页面标题
  
  </title>
 
 

 
 

  
   
 
 

 
 

  
  <!-- iOS 应用启动界面设置 begin -->
 
 

 
 

  
  <!-- iPad Landscape – 1024 x 748 -->
 
 

 
 

  
  <link 
  
  rel=
  
  "apple-touch-startup-image" 
  
  sizes=
  
  "1024x748" 
  
  href=
  
  "img/splash-screen-1024x748.png" 
  
  />
 
 

 
 

  
  <!-- iPad Portrait – 768 x 1004 -->
 
 

 
 

  
  <link 
  
  rel=
  
  "apple-touch-startup-image" 
  
  sizes=
  
  "768x1004" 
  
  href=
  
  "img/splash-screen-768x1004.png" 
  
  />
 
 

 
 

  
  <!-- iPhone/iPod Touch Portrait – 320 x 480 (standard resolution) -->
 
 

 
 

  
  <link 
  
  rel=
  
  "apple-touch-startup-image" 
  
  href=
  
  "img/splash-screen-320x480.png" 
  
  />
 
 

 
 

  
  <!-- iPhone/iPod Touch Portrait – 640 x 960 pixels (high-resolution) -->
 
 

 
 

  
  <link 
  
  rel=
  
  "apple-touch-startup-image" 
  
  sizes=
  
  "640x960" 
  
  href=
  
  "img/splash-screen-640x960.png" 
  
  />
 
 

 
 

  
  <!-- iOS 应用启动界面设置 end -->
 
 

 
 

  
   
 
 

 
 

  
  </head>
liuyecao6
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
to.matched.some(record => record.meta.requiresAuth)
代码青春
08-20 6372
https://www.cnblogs.com/jsgoshu/p/10975547.html
vue3+vite - 报错 import.meta.glob() can only accept string literals.（详细解决方案）
高级前端工程师
03-25 2518
vue3，vite，vite+vue3报错，vue3 vite报错，[plugin:vite:import-analysis] import.meta.glob() can only accept string literals.详细解决报错，vue3报错怎么办，vite报错解决方法，vue+vite爆红，浏览器控制台报错，详细教程，vite官方文档，vue如何解决报错，vite使用变量import，vite vue3项目出现错误，在vue3+vite项目中，解决报错： [plugin:vite:impor
后台-vite中import.meta.glob的具体用法 与 动态路由和递归组件菜单栏
hktkkkk的博客
03-28 4387
1.获取图标文件里的所有图标。
三、Vite 文件系统 import.meta.glob
热门推荐
黄彪博客
07-06 1万+
匹配到的文件默认是懒加载的，通过动态导入实现，并会在构建时分离为独立的 chunk类似于webpack的 require.context()转义为// vite 生成的代码 const modules = {
巧用 import.meta 实现热更新
李刚的学习专栏
04-15 6248
Pinia 是 vuex 新替代方案。Pinia 中热更新实现，借助 import.meta。
request.meta包含了哪些数据？
千城墨白
06-24 5185
request.META 是一个Python字典，包含了所有本次HTTP请求的Header信息，比如用户IP地址和用户Agent（通常是浏览器的名称和版本号）。 注意，Header信息的完整列表取决于用户所发送的Header信息和服务器端设置的Header信息。 这个字典中几个常见的 HTTP_REFERER：进站前链接网页，如果有的话。 （请注意，它是REFERRER的笔误。） HTTP_...
自动导入模块 webpack--require.context、vite--import.meta.glob
guorui999的博客
01-31 2299
自动导入模块 webpack--require.context、vite--import.meta.glob
Vue3 vite vue-router4 动态路由router.addRoute()、import.meta.glob
黄彪博客
06-13 3584
使用Vite创建项目工程，将Vue3的一个知识点作为一个页面，但是发现随着学习的知识点增多，页面也越来越多，每个页面都要配置Vue-router 的路由信息，很繁琐，因此想能否根据文件夹的目录来配置路由。备注：** 如果新增加的路由与当前位置相匹配，就需要你用 router.push() 或 router.replace() 来手动导航，才能显示该新路由。，猜想vite肯定也提供了类似的功能。，因此，要导入三个动态加载目录的文件。, 下面的代码是不支持的。
html添加meta信息,动态添加网页meta的信息
weixin_39538847的博客
06-15 1347
设置网页的网页meta信息，最重要的就是要设置description和Keywords这两个参数的信息了，因为这关系到网页被搜索引擎收录和检索的缘故。下面就简单为大家介绍吧。在后台合适的位置添加如下代码即可。后台动态设置meta信息的代码HtmlHead head = (HtmlHead)Page.Header;HtmlMeta description = new HtmlMeta();//des...
HTML常用meta大全
SunSeekerX
12-30 3196
HTML常用meta大全 Meta标签是HTML语言head区的一个辅助性标签，它位于HTML文档头部的head标记和title标记之间，它提供用户不可见的信息。 Meta ： 即 **元数据（Metadata）**是数据的数据信息。 元数据可以被使用浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 Web 服务调用。 用我们的大白话来说，它本身是一个没什么用的标签，但是一旦在它...
vite vue3 import.meta.glob动态路由
03-29
`public`目录则通常用于存放静态资源，如HTML文件、图片等。其他配置文件如`vite.config.js`用于配置Vite，`package.json`用于管理项目依赖和脚本，而`.gitignore`、`jsconfig.json`、`README.md`和`.vscode`则是...
vite5+vue3+ import.meta.glob动态导入vue组件
03-25
`index.html` 是应用的入口文件；`vite.config.js` 用于配置 Vite 的行为；`package.json` 存储项目依赖和脚本；`jsconfig.json` 是 VSCode 的 JavaScript 配置文件，帮助 IDE 提供更好的代码提示和导航；`README.md...
HTML meta 详解
09-28
HTML中的`<meta>`标签是页面元数据的重要组成部分，它为浏览器、搜索引擎和其他网络服务提供了关于页面的关键信息。元数据不直接显示在网页上，但它们对页面的行为和搜索引擎优化(SEO)起着重要作用。 首先，`<meta>...
html Meta标签小集
09-28
HTML中的`<meta>`标签是网页头部（`<head>`）中非常重要的元素，它用于提供元数据，即非可视化的、对浏览器和搜索引擎至关重要的信息。元数据包括但不限于网页的字符编码、重定向、缓存策略、关键词和描述等。 1. *...
babel-plugin-bundled-import-meta:Babel插件重写import.meta以用于捆绑使用
05-01
babel-plugin-bundled-import-meta Babel插件可重写import.meta.url以供捆绑使用。 安装babel-plugin-bundled-import-meta 此模块需要node.js 10或更高版本以及@babel/core 。... " bundleDir " : " html " }] ]
浙江海洋大学考研8个学院，42个专业课历年考试真题及答案汇总，备考资料题库笔记，考前题库汇总.pdf
07-16
浙江海洋大学考研8个学院，42个专业课历年考试真题及答案汇总，备考资料题库笔记，考前题库汇总.pdf
传感器实验指导书.docx
07-16
传感器
海康相机使用IO触发模式并输出NG/OK
最新发布
07-16
1、包含海康工业相机接线图 2、MVS中的相机设置 3、vm4.2中的设置 4、VM简单创建程序步骤
传感器复习--习题.doc
07-16
传感器
无法引用import.meta.env
06-08
如果无法引用`import.meta.env`，可能是因为你的 TypeScript 版本过低。...```html <div>{{ message }} const message = import.meta.env.VITE_MESSAGE ``` 这样才能正确地使用 `import.meta.env`。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值