meta标签

移动前端不得不了解的html5 head 头标签

移动端的工作已经越来越成为前端工作的重要内容，除了平常的项目开发，HTML头部标签功能，特别是meta标签显得非常重要。
meiqingxin·2020-08-08 18:01

vue切换页面 动态设置meta和title标签内容

index.html入口文件标签只有一个，那么只能通过判断切换的路由2）判断切换路由需要在main.js全局js中使用router.beforeEach，to中可以获得将要去的组件的路由参数3）如果title和meta
happyStudy_·2020-08-08 16:23

使用X-Frame-Options防止网页被Frame

转载自：http://code-tech.diandian.com/post/2013-10-07/40053975756防止被FRAME加载你的网站页面1.meta标签：很多时候没有效果，无视2.js
weixin_34128839·2020-08-08 00:03

Https 跳转到 http 后，$_SERVER['HTTP_REFERER']获取不到值的解决方案

解决方案如下：1、Https端解决方案，在HTTPS主域名页面添加meta标签增加一个Meta头信息，来建议浏览器发送Re
myarche·2020-08-08 00:24

对于iphone X 兼容性处理的css适配方法和js适配方法

注：如果想下面constantenv属性有效果，请务必添加上面meta标签才能实现。/**iphoneXpuliccss
zhaoshuang1010·2020-08-07 22:56

详解关于移动端兼容iPhoneX底部小黑条

css适配方案（推荐）第一步：设置网页的头部标签viewport-fit：IOS11新增的特性，是为了iPhoneX而对meta标签做出的一个拓展属性。目前有三个值：contain可视窗口完全包含网
1oTa_Ry·2020-08-07 21:31

移动端h5 meta标签常用配置

//删除苹果默认的工具栏和菜单栏//设置苹果工具栏颜色//忽略页面中的数字识别为电话，忽略email识别//启用360浏览器的极速模式(webkit)//避免IE使用兼容模式//针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓//微软的老式浏览器//uc强制竖屏//QQ强制竖屏//UC强制全屏//QQ强制全屏//UC应用模式//QQ应用模式//windowsphone点
晴天有点孤单·2020-08-07 17:13

1.2 HTML基础知识（一）

1.2HTML基础知识（一）实体与meta标签语义化标签一块元素与行内元素布局标签实体与meta标签meta标签的使用。实体与meta标签快要 高考了 啊。
dxt_snow·2020-08-07 16:51

对于iphone X 兼容性处理的css适配方法和js适配方法

注：如果想下面constantenv属性有效果，请务必添加上面meta标签才能实现。/
枫丿慕·2020-08-07 12:47

移动端适配兼容--ios系统iphoneX等机型底部小横条处理，app嵌入的适配处理

//1.首先要在meta标签中加上viewport-fit=cover//2.整个内容区域html,body{padding-bottom:constant(safe-area-inset-bottom
梧桐落叶~·2020-08-07 11:40

vue 路由缓存 路由嵌套 路由守卫 监听物理返回操作

需求1：从填写表单A页面跳转到B页面，然后再从B页面返回到A页面，实现A页面的所填的数据保留一.设置路由缓存：1.App.vue中加入具体代码如下：-->2.在路由配置文件index.js里面增加meta
·2020-08-06 11:59

vue基本语法学习-3

先插入2个页面配置的小功能使用1、设置页面的titlea.在router—index.js中配置路由，加上meta标签，例如：{path:'/test_components',component:TestMyComponents
pin-csdn·2020-08-05 18:25

vue项目做seo（prerender-spa-plugin预渲染）

为什么seo是spa项目的痛点网络爬虫在爬取网页内容的时候，需要分析页面内容，主要有以下几点：从meta标签中读取keywords、description的内容。
今晚打小强·2020-08-05 17:30

vue预渲染prerender-spa-plugin解决首屏白屏问题

同时配合vue-meta-info可以生成title和meta标签，可解决SPA页面的SEO痛点一、安装npminstallprerender-spa-plugin--save二、路由模式特别注意：使用预渲染
weixin_33991727·2020-08-05 17:16

移动端web开发技巧

不过我们可以通过这个meta标签来禁止它：4.设置状态栏的背景颜色（IOS）设置状态栏的背景颜色，只有在"apple-mobile-web-app-capable"content="yes"时生效default
weixin_30340617·2020-08-05 16:27

vue.js将px转化为rem

npm来安装的npmilib-flexible--save2.引入lib-flexible在main.js中引入lib-flexibleimport'lib-flexible/flexible'3.设置meta
大灰狼的小绵羊哥哥·2020-08-05 16:43

prerender-spa-plugin插件预渲染使用记录

vue项目一般为SPA应用，而单页面是不利于SEO的，网络爬虫在爬取网页内容的时候，需要分析页面内容，主要有以下几点：从meta标签中读取keywords、description的内容；根据语义化的html
研爸·2020-08-05 15:56

vuejs 预渲染插件 prerender-spa-plugin 生成多页面 -- SEO

2、预渲染模式这比服务端渲染要简单很多，而且可以配合vue-meta-info来生成title和meta标签，基本可以满足SEO的需求TIPS:使用预渲染vue-router必须使用hi
即墨丹青·2020-08-05 13:22

前端基础笔记——HTML

前端学习笔记——HTMLHTML基础软件架构基本信息软件开发流程网页组成HTML二进制扩展字符编码标签文档说明(doctype)设置网页字符集实体meta标签语义标签布局标签(结构化语义标签)列表超链接相对路径图片标签图片格式内联框架音视频播放
Karlot·2020-08-05 10:58

前端学习笔记 - html

文章目录标签文档结构注释head标签title标签meta标签http-equiv属性name属性其他标签body标签常用标签1标题标签-h1~h6段落标签-p超链接标签-a列表标签-ul,ol盒子标签
叁丶贰壹·2020-08-05 10:05

uniapp 解决phoneX原生tabbar 安全区域问题

参考了uniapp给出的解决方案，发现在真机并不生效因此在普通H5需要设置meta标签来支持原理如下解决方案padding-bottom:constant(safe-area-inset-bottom)
guxuehua·2020-08-05 00:30

CSS3媒体查询

一、设置Meta标签首先我们在使用Media的时候需要先设置下面这段代码，来兼容移动设备的展示效果：这段代码的几个参数解释：width=dev
weixin_41964258·2020-08-04 20:23

pc端页面在移动端显示问题

pc移动端适配1、pc端页面在移动端显示，默认视口宽度是980px（也就是body宽度是980px），可通过meta标签设置为需要的尺寸，比如页面中元素最大宽度是1220px，则如下所示2、如果不想让页面有水平滚动条又有元素需要固定在屏幕底部
weixin_33958585·2020-08-04 05:05

移动端Web页面常见问题与解决方案（yuyan）

一、meta标签1、利用meta标签对viewport进行控制如果你不这样的设定的话，那就会使用那个比屏幕宽的默认viewport，也就是说会出现横向滚动条。
programmer aloys·2020-08-03 19:40

JavaScript——顶部状态栏背景色

[html]viewplaincopy说明：除非先使用apple-mobile-web-app-capable指定全屏模式，否则这个meta标签不会起任何作用。
莹硕·2020-08-03 09:39

前端常用meta标签的作用以及全面整理

2、作用meta里的数据是供机器解读的，告诉机器该如何解析这个页面，还有一个用途是可以添加服务器发送到浏览器的http头部内容，例如我们为页面中添加如下meta标签：浏览器的头部就会包括这些:charset
小关的博客·2020-08-03 07:16

移动前端知识汇总

最近以来一直在做移动端的一些活动页面，其中最主要的一些问题就是样式的统一，但在这个过程中也遇到很多问题和难题，先总结如下：一、meta标签二、样式重置移动端对于自己目前所有的项目结构来说需要重置样式的有
土家稀哥·2020-08-03 05:52

【转】移动前端开发之viewport的深入理解

www.cnblogs.com/2050/p/3877280.html在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta
七十九刀·2020-08-03 05:32

META标签的用途、功能和属性

前些时候，有朋友说我的博客没有加META头标签，不利于SEO优化，现在有时间准备把META标签加进去，看一看流量有变化没。整理一下有关“META标签的用途、功能和属性”的资料，做为参考资料备个份。
fjnu2008·2020-08-02 23:57

移动端web适配屏幕，PC端在ios屏幕固定

*1.定宽：对应meta标签写法--*该方法会提取width值，
baozisss·2020-08-02 23:18

程序员面试时会遇上哪些问题

列举出你最常用的meta标签的写法和作用Doctype有什么作用？你知道有多少
廊桥学梦·2020-08-02 22:27

HTML - meta标签中属性详解

【1】简介元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。标签位于文档的头部，不包含任何内容。标签的属性定义了与文档相关联的名称/值对。该标签主要有两个属性：http-equiv属性和name属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。【2】http-equiv属性http-equiv属性为名称/值对提供了名称
流烟默·2020-08-02 21:30

黑帽SEO网站优化常用的14种技巧

●关键词堆砌关键词堆砌是最为普遍的一种手法，很多人在优化关键词的时候，为增加关键词的出现频次，增加关键词的密度，使劲在title、meta标签、网页代码、注释、图片ALT中重复某个关键词，
昆明Z4lx·2020-08-02 14:00

响应式web开发所用技术

接下来是一个meta标签。名字为viewport，值为width=device-width。
crazy--liyang·2020-08-01 13:07

WEB学习笔记5-标准的HTML页面结构

文档的标题是作为站点的名称和简短描述显示在浏览器的标题栏上的，示例代码如下：网站标题如果引用了javascript和CSS外部文件，则需要把外部文件的链接添加到head部分，示例代码如下：此外，head部分还包含了一些必要的meta
banyan1957·2020-08-01 11:05

三步实现响应式网页布局

第一步：meta标签大多数浏览器将HTML页面放大为宽的视图（viweport）以符合屏幕分辨率。你可以使用视图的meta标签来进行重置。
aobei8893·2020-08-01 11:31

keep-alive使用

两种方式：Plan1:app.vue使用meta作为标识符判断是否需要缓存2.router.js中设置meta标签用来判断是否需要缓存path:"/service-channel",component:
努力学习的小蜜蜂·2020-08-01 11:49

前端项目版本号位置, vue打包添加版本号

但在这里推荐一个较为规范的版本号添加方案在HTML5中，meta标签中的属性值可以很好的解决标记版本问题在index.html中定义如下发布后查看源代码，在源
ange2017·2020-08-01 09:21

让360双核浏览器默认极速模式打开网页

设置meta标签content的取值为webkit,ie-comp,ie-stand之一，区分大小写，分别代表用webkit内核，IE兼容内核，IE标
yhcad·2020-08-01 08:05

vue cli 3.0 项目版本更新后文件存在缓存问题解决方案

.HTML文件需设置不保存缓存no-cache可以在本地缓存，可以在代理服务器缓存，但是这个缓存要服务器验证才可以使用no-store彻底得禁用缓冲，本地和代理服务器都不缓冲，每次都从服务器获取，更多meta
william5920·2020-08-01 05:24

app嵌套的vue项目更新后，页面没有更新

记录下解决过程1.index.html增加下面meta标签2.修改build/webpack.prod.conf，修改位置看下图（这点可不加，我感觉没有用，有空再尝试，网上百度的）3.nginx设置禁止缓存
weixin_30768175·2020-08-01 03:59

ios：iphoneX底部安全区适配

底部安全区适配html添加meta标签：App.vue文件app样式：#app{padding-bottom:constant(safe-area-inset-bottom);padding-bottom
Mosowe·2020-08-01 00:27

移动端H5适配iphoneX底部栏，css快速解决方案

1、meta标签放入viewport-fit=cover2、css设置(不要忘记将底部栏放上“footer”这个class类名)@supports(bottom:env(safe-area-inset-bottom
罗恩-HAO·2020-07-31 23:04

微信公众号/手机网页缓存问题解决方案(加meta标签方式)

做微信公众号和调试手机页面的时候，避免不了页面要跳转到微信浏览器打开，调试阶段，android版微信浏览器一直都默认缓存html静态资源，每次静态资源变化甚至新内容发布的时候在微信浏览器上都极有可能不能更新，很多时候要清理微信缓存才能看到效果，很是烦人。部分客户装了QQ浏览器，微信实际调用的是QQ浏览器，有时候甚至光清理微信缓存都无效，QQ浏览器的缓存也要清。经过一番探索微信浏览器确实是在webv
会点php的前端小渣渣·2020-07-31 22:26

自己做网站一定要加上的head代码(收集)

其实如果你能够用好meta标签，会给你带来意想不到的效果，例如加入关键字会自动被大型搜索网站
java之迷·2020-07-31 10:03

移动端项目构建？

1.首先引入meta标签设置移动端2.公共样式csshtml,body,ul,li,img,a,p,div{margin：0；padding:0;设置盒模型border-sizing:border-box
weixin_34128501·2020-07-30 21:12

JSP中meta标签之详解

meta标签用于网页的与中name属性1、用以说明生成工具（如MicrosoftFrontPage4.0）等；2、向搜索引擎说明你的网页的关键词；3、告诉搜索引擎你的站点的主要内容；4、告诉搜索引擎你的站点的制作的作者
Big_big_Gu·2020-07-30 06:45

introduction（html）(1-26)

编写你的第一个网页5.安装notepad++6.自结束标签和注释7.标签中的属性8.文档声明9.关于进制10.字符编码11.文档的使用12.VSCode的安装13.配置liveServer14.实体15.meta
Major_s·2020-07-29 23:56

浅谈浏览器缓存机制

浏览器缓存机制有两种：HTMLMeta标签、HTTP头信息1、HTMLmeta标签可以在HTML页面的节点中加入标签：上述代码的作用是告诉浏览器当前页面不被缓存，每次访问都需要去服务器拉取。
筱葭·2020-07-29 03:52

web页面一些移动端样式属性设置

webkit-tap-highlight-color:rgba(0,0,0,0);}2.移动端响应式页面要加上如下的表头3.iPhone的Safari浏览器会识别一些电话号码加上了一些不好看的样式，可以通过以下meta
daodanxiong·2020-07-29 00:41
上一页 13 14 15 16 17 18 19 20 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他