#网页

网站网页压缩全过程:网站seo优化中如何压缩网页

网站网页压缩全过程:网站seo优化中如何压缩网页我们先来通过定义了解一下什么是gzip。gzip是GNUzip的缩写,它是一个GNU自由软件的文件压缩程序。那么,gzip既然是一种压缩,它压缩的就是文件的大小,对于网站来讲,我们可以简单的理解为它压缩了html文件的大小。当网页文件变得更小,相应地,在网络上传输所需要的...

网页中插入视频的方案

今天讨论网页中插入视频的方案,咱不讨论video标签的使用方法,video标签比较兼容的写法为:1<videowidth="800"height="">2<sourcesrc="myvideo.mp4"type="video/mp4"></source>3<sourcesrc=...
代码星球 ·2020-04-22

如何快速修改网页上的文字?

不用ps,只需要以下几步,便能够快速修改网页上的文字,以火狐为例1:打开火狐,按下f12键 2:点击右侧源码之中的箭头,鼠标所到之处,左侧的页面元素就会和右侧代码对应起来  3:点击百度,修改百度文字为我的姓名:  4:双击右侧的源码中的百度两字,使它处于一个可编辑的状...

响应式网页设计简单入门

 Overview:构造基本的HTML页面动态加载样式表Viewport字体缩放侧边栏导航菜单图片自适应其他总结 说到响应式网页设计(Responsivewebdesign),最近在谷歌加上碰到个奇葩贴子,通过一个原始到无法再简单的网页MotherfuckingWebsite及满屏幕的fuck道出了...

移动端网页 rem css书写

 css样式:@charset"utf-8";body,html{font-family:"微软雅黑";font-size:100px;font-size:calc(100vw/7.2);//根据设计稿设置自己的宽度,对应比例/*设计稿为720px宽度*/}在网页的头部书写以下内容:<metaname=...

H5网页适配 iPhoneX,就是这么简单(转)

iPhoneX取消了物理按键,改成底部小黑条,这一改动导致网页出现了比较尴尬的屏幕适配问题。对于网页而言,顶部(刘海部位)的适配问题浏览器已经做了处理,所以我们只需要关注底部与小黑条的适配问题即可(即常见的吸底导航、返回顶部等各种相对底部fixed定位的元素)。笔者通过查阅了一些官方文档,以及结合实际项目中的一些处理经...

IPhoneX网页布局 全屏布局(转)

IPhoneX全面屏是十分科技化的,但是由于其圆角和摄像头刘海位置以及操控黑条的存在使得我们需要去对其样式做一些适配,没有X的同学可以开启 Xcode9 的iPhoneX模拟器作为学习和调试。设计和尺寸相关IPone型号屏幕尺寸屏幕密度开发尺寸像素密度倍图4系列3.5英寸326ppi320*480p...
代码星球 ·2020-04-18

js 网页运行原理

当我们打开一个网页的时候,浏览器会首先创建一个窗口,这个窗口就是我所知道的window对象,也就是整个Javascript运行所依附的全局变量。为了加载网页文档,当前窗口又需要创建一个Document对象,然后把打开的网页加载到Document下。网页就是在这个加载的过程中,一边加载一边呈现,所以我们当网速非常慢的时候...
代码星球 ·2020-04-18

网页引入特殊字体的几种方案

网页使用的字体需要受制于操作系统,如果用户的操作系统没有安装某个字体,网页则会退而求其次的使用系统自带的字体。因此我们并不能随便使用一些好看的字体,只能选用一些安全字体。比如:Helvetica,Arial,宋体,微软雅黑,如果能在网页上使用好看的字体就好了~可是引入字体对于英文来说,是合适的,因为字体文件本身不大。但...

TML5如何在移动网页端调用手机图片或者camera

TML5如何在移动网页端调用手机图片或者camera可以参考这篇文章:  如果你开始基于iOS系统(ios6above)的web应用,可以考虑这段代码:    点击按钮,会调用你的摄像头相册附源码文件:<inputtype="file"capture="camera"accept="image/*"id="cam...

网页速度是如何影响转化率的

我们一直很重视网站性能优化,在人才培养和招聘的时候也都非常重视,但性能优化到底为什么这么重要?对电商网站来说,性能优化对转化率的影响是实实在在的,也是非常有说服力的,这是国外同行webperformancetoday的研究成果,简单翻译一下分享给大家。当然,网站性能优化带来的好处不止转化率这一点,对基础用户体验、运营成...

微信分享通用组件,用于微信浏览器内浏览网页的分享信息定义。

微信分享通用组件,用于微信浏览器内浏览网页的分享信息定义。一、可定义的信息1、分享时显示的LOGO;2、分享LOGO的宽度;3、分享LOGO的高度;4、分享出去显示的标题(默认调用网页标题);5、分享出去显示的描述(默认调用网页标题);6、分享链接(默认为当前页面的URL)。7、分享微信的APPID(一般为空)。二、使...

去掉 wap (android/ios)网页等点击后的阴影

tap后会出现一个半透明的灰色背景,(被批...),起初以为是outline作怪,加上后发现没反应,最后发现是tap后的背景高亮,要重设这个表现,则需要设置-webkit-tap-highlight-color为所需色彩,直接透明吧:a,img,button,input,textarea{-webkit-tap-hig...

网页字体设置你了解吗?

以前做项目的时候就依葫芦画瓢的设置{font-family:arial,”microsoftyahei”,simsun,sans-self;}等类似的字体,然而当更多的设备和系统出现后,以前这样的设置已不能满足网页在各设备上的显示需求。就拿最简单的宋体(simsun)来说吧,在Windows系统...
代码星球 ·2020-04-18

通过网页的JS代码启动移动APP

<spanstyle="font-size:18px;"><script>functionstartAPP(){window.location="schemename://**.**/**";}functiondownloadAPP(){window.location="http://IP/**...
首页上一页...2223242526...下一页尾页