meta | 易学教程

PHP页面编码声明与用header或meta实现PHP页面编码的区别

阅读更多关于 PHP页面编码声明与用header或meta实现PHP页面编码的区别

用php的header来定义一个php页面为utf编码或GBK编码： php页面为utf编码 header("Content-type: text/html; charset=utf-8"); php页面为gbk编码 header("Content-type: text/html; charset=gb2312"); php页面为big5编码 header("Content-type: text/html; charset=big5"); 通常情况以上代码放在php页面的首页用header或meta实现PHP页面编码的区别一、页面编码 1. 使用 <META http-equiv="content-type" content="text/html; charset=xxx"> 标签设置页面编码这个标签的作用是声明客户端的浏览器用什么字符集编码显示该页面，xxx可以为GB2312，GBK，UTF-8（和MySQL不同，MySQL是 UTF8）等等。因此，大部分页面可以采用这种方式来告诉浏览器显示这个页面的时候采用什么编码，这样才不会造成编码错误而产生乱码。但是有的时候我们会发现有了这句还是不行，不管xxx是哪一种，浏览器采用的始终都是一种编码，这个情况我后面会谈到。请注意，<meta>是属于html信息的，仅仅是一个声明，它起作用表明服务器已经把HTML信息传到了浏览器。

25 -2 正则爬虫例子

阅读更多关于 25 -2 正则爬虫例子

一、导入库 import re from urllib.request import urlopen # 内置的包来获取网页的源代码字符串 urlopen 来获取网页的源代码字符串 res = urlopen('https://www.cnblogs.com/zhuangdd/p/12644081.html') print(res.read().decode('utf-8')) —————————————————————————————— <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="referrer" content="origin" /> <meta property="og:description" content="帮助学习的工具 http://tool.chinaz.com/regex/ 字符组 []在一个字符的位置上能出现的内容[1bc] 是一个范围[0-9][A-Z][a-z] 匹配三个字符[abc0-9]" /> <meta http-equiv="Cache-Control" content="no

徒手撸一个扫码登录示例工程

阅读更多关于徒手撸一个扫码登录示例工程

徒手撸一个扫码登录示例工程不知道是不是微信的原因，现在出现扫码登录的场景越来越多了，作为一个有追求、有理想新四好码农，当然得紧跟时代的潮流，得徒手撸一个以儆效尤本篇示例工程，主要用到以下技术栈 qrcode-plugin ：开源二维码生成工具包，项目链接: https://github.com/liuyueyi/quick-media SpringBoot ：项目基本环境 thymeleaf ：页面渲染引擎 SSE/异步请求：服务端推送事件 js : 原生 js 的基本操作  I. 原理解析按照之前的计划，应该优先写文件下载相关的博文，然而看到了一篇说扫码登录原理的博文，发现正好可以和前面的异步请求/SSE 结合起来，搞一个应用实战，所以就有了本篇博文关于扫码登录的原理，请查看: 聊一聊二维码扫描登录原理 1. 场景描述为了照顾可能对扫码登录不太了解的同学，这里简单的介绍一下它到底是个啥一般来说，扫码登录，涉及两端，三个步骤 pc 端，登录某个网站，这个网站的登录方式和传统的用户名/密码(手机号/验证码)不一样，显示的是一个二维码 app 端，用这个网站的 app，首先确保你是登录的状态，然后扫描二维码，弹出一个登录授权的页面，点击授权 pc 端登录成功，自动跳转到首页 2. 原理与流程简述整个系统的设计中，最核心的一点就是手机端扫码之后

<meta charset=“utf-8”>与<meta http-equiv=“Content-Type”>

阅读更多关于与

问题： In order to define charset for HTML5 Doctype , which notation should I use? 为了为 HTML5 Doctype 定义字符集，我应该使用哪种表示法？ Short: 短： <meta charset="utf-8" /> Long: 长： <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 解决方案：参考一： https://stackoom.com/question/Jhlz/meta-charset-utf-与-meta-http-equiv-Content-Type 参考二： https://oldbug.net/q/Jhlz/meta-charset-utf-8-vs-meta-http-equiv-Content-Type 来源： oschina 链接： https://my.oschina.net/u/3797416/blog/3217725

善用meta

阅读更多关于善用meta

前言在移动前端第一弹：viewport详解中，我们讲了viewport，那是一个关于meta的故事。这次我们会就将meta这个故事讲得更广阔、更有意思一些。写过HTML的童鞋，应该都对这个不陌生，或用它来定义页面编码，或用它来定义搜索引擎抓取方式，或用它定义页面关键字，描述等等。 meta列表好的meta使用，能更好地提高页面的可用性及被检索的几率。这里并不会列出所有的meta使用方式，只挑选一些常用及实际意义比较大的讲讲，当然也包括一些厂商私有定制的。常规声明文档使用的字符编码 <meta charset="utf-8" /> 该声明用来指定文档的编码，除了utf-8，可选值还有：ISO-8859-1、BIG5、iso-8859-2, iso-2022-jp, iso-2022-kr, gb2312等当然，你可能还见过使用另外一种方式来定义文档字符编码： <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 相对于这种方式，更推荐你使用第1种，言外之意，就是推荐使用HTML5。声明页面刷新或跳转 <meta http-equiv="refresh" content="10" /> <meta http-equiv="refresh" content="10; url=http:/

viewport详解

阅读更多关于 viewport详解

前言这次想聊聊移动开发相关的事。是的，你没有看错，一句话就可以开始你的移动前端开发。你心里一定在想，什么话这么酷，能够瞬间带入到移动前端开发的世界。但其实它一点也不新奇，不复杂。 viewport简介没错，就是viewport特性，一个移动专属的Meta值，用于定义视口的各种行为。该特性最先由Apple引入，用于解决移动端的页面展示问题，后续被越来越多的厂商跟进。举个简单的例子来讲为什么会需要它：我们知道用户大规模使用手机等移动设备来进行网页浏览器，其实得益于智能手持设备的兴起，也就是近几年的事。（还记得不久前的几年，满大街都还是诺基亚的天下么？）这时有一个很现实的问题摆在了厂商面前，用户并不能很好地通过手机等设备访问网页，因为屏幕太小。 layout viewport Apple也发现了这个问题，并且适时的出现，它提出了一个方案用来解决这个问题。在iOS Safari中定义了一个viewport meta标签，用来创建一个虚拟的布局视口（layout viewport），而这个视口的分辨率接近于PC显示器，Apple将其定义为980px（其他厂商各有不同①）。这就很好的解决了早期的页面在手机上显示的问题，由于两者之间的宽度趋近，CSS只需要像在PC上那样渲染页面就行，原有的页面结构不会被破坏。 ①的描述大致如下，数值不一定持续准确，厂商可能更改

JSP第四次作业(2)

阅读更多关于 JSP第四次作业(2)

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSP 'index.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv=

PHP中重定向网页跳转页面的方法（共三种）

阅读更多关于 PHP中重定向网页跳转页面的方法（共三种）

hhw:用第一种方法可以将：http://127.0.0.1/tp5 简化为 http://127.0.0.1 ,即将www目录下的index.php文件写入第一种中的php代码： <?php header('content-type:text/html;charset=uft-8'); header('location:tp5/index.php'); ?> 或直接： <?php header('content-type:text/html;charset=uft-8'); header('location:tp5/public/index.php'); ?> 第一种：利用header()函数进行重定向，这也是我用的较多的。(注意！locationhe和“：”之间不能有空格，否则无作用！) <?php header('content-type:text/html;charset=uft-8); //重定向页面 header('location:index.php'); ?> 第二种：利用HTML 头部中的 meta标签，定义http-equiv=refresh 和content=”跳转花费的时间(秒为单位)；url=跳转地址” <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> //跳转页面，跳转时间

import和require的区别

阅读更多关于 import和require的区别

一、前端开发环境 1、开发环境 windows 10操作系统； Node.js v10.16.0； webstorm 2019.3.4 x64； 2、前端技术栈 react v16.9 hooks + redux + react-router4； antd； marked hightlight.js； webpach打包优化； axios封装；二、前端知识回顾 1、基础学习如果没有接触过react的话，推荐先学习一下react基础知识： 1、react的入门教学视频入口： React 入门教程（开发文档）； 2、官方教程入口：入门教程: 认识 React ； 3、redux教程：从零实现一个 redux ； 2、命名规范 html标签：小写字符开始；自定义React组件：大写字符开始；其它变量、方法：函数驼峰命名法；文件夹、文件命名：全部小写，中间使用-分割，如data-assets；三、npm使用 1、npm介绍 npm是随同Node.js一起安装的包管理工具，能解决Node.js代码部署上的很多问题，常见的使用场景有以下几种：允许用户从npm服务器下载别人编写的第三方包到本地使用；允许用户从npm服务器下载并安装别人编写的命令行程序到本地使用；允许用户将自己编写的包或命令行程序上传到npm服务器供别人使用；由于新版的Node.js已经集成了npm

移动端边框1像素的问题

阅读更多关于移动端边框1像素的问题

前两天设计说我移动端为什么边框看起来像2px。我代码检查了大半天，是1px啊。仔细比对了很久，不得不承认，设计的眼睛比我的眼睛好太多太多了。造成这个的原因是手机分辨率的问题。原理都在代码里了。也不多说。下面这个代码重点是css的代码，html全部代码都贴了。less的代码就不分享了，我自己收藏着。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="initial-scale=1, width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1, user-scalable=no" media="(device-height: 568px)"> <meta name="renderer" content="webkit"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-touch

订阅 meta