meta标签

【转】Python 之Web编程

被刻印的时光 ゝ 提交于 2020-04-07 10:45:39
转: https://www.cnblogs.com/chenyanbin/p/10454503.html 一 、HTML是什么? #   htyper text markup language 即超文本标记语言   超文本:就是指页面内可以包含图片、链接、甚至音乐、程序等非文字元素   标记语言:标记(标签)构成的语言   静态网页:静态的资源,如xxx.html   动态网页:html代码是由某种开发语言根据用户请求动态生成   html文档树结构图: 二 、 什么是标签? #   - 由一对尖括号包裹的单词构成,如<html> 所有标签中的单词不可能从数据开头   - 标签不区分大小写<html>和<HTML>,建议使用小写   - 标签分两部分:开始标签<a>和结束标签</a>,两个标签之间的部分,叫标签体   - 有些标签功能比较简单,使用一个标签即可,这种标签叫做自闭合标签,如:<br/>、<hr/>、<input/>、<img/>   - 标签可以嵌套,但不能交叉嵌套。如:<a><b></a></b> 三 、 标签的属性 #   - 通常是以键值对形式出现的,例如 name="alex"   - 属性只能出现在开始标签 或 自闭合标签中   - 属性名字全部小写,属性值必须使用双引号或单引号包裹,如:name="alex"   - 如果属性值和属性名完全一样

PHP 页面编码声明方法详解(header或meta)

随声附和 提交于 2020-04-07 04:58:22
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信息传到了浏览器。 2

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

不问归期 提交于 2020-04-07 04:56:32
用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信息传到了浏览器。

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

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

善用meta

心已入冬 提交于 2020-04-06 09:49:21
前言 在移动前端第一弹: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:/

import和require的区别

纵饮孤独 提交于 2020-04-04 17:51:26
一、前端开发环境 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

一丶HTML介绍

為{幸葍}努か 提交于 2020-03-30 02:17:02
import socket def main(): sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM) sock.bind(('localhost',8089)) sock.listen(5) while True: connection, address = sock.accept() buf = connection.recv(1024) connection.sendall(bytes("HTTP/1.1 201 OK\r\n\r\n","utf8")) connection.sendall(bytes("<h1>Hello,World</h1>","utf8")) connection.close() if __name__ == '__main__': main() html css 以及js的关系 HTML的学习 HTML 是什么? htyper text markup language 即 超文本标记语言 超文本: 就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。 标记语言: 标记(标签)构成的语言. 网页==HTML文档,由浏览器解析,用来展示的 静态网页: 静态的资源,如xxx.html 动态网页: html代码是由某种开发语言根据用户请求动态生成的 html文档树形结构图: 什么是标签

前端学习阶段性练习题

回眸只為那壹抹淺笑 提交于 2020-03-29 07:08:15
1.在浏览器的控制台中打印九九乘法表 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> </body> <script type="text/javascript"> var str=''; // 1*1=1\t\n2*1=2\t2*2=4\t for(var i=1;i<10;i++){ for(var j=1;j<=i;j++){ str+=i+'*'+j+'='+(i*j)+'\t'; } str+='\n'; } console.log(str); //控制台打印 </script> </html> View Code 2. 在浏览器的控制台中打印等边三角形 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> </body> <script type="text/javascript"> var index=11; //行数必须是奇数 var str=''; for(var i=1;i<=index;i++){ //加入空格 for(var j=0;j<index-i;j++)

head头部包裹title,base,link,meta,script,style

☆樱花仙子☆ 提交于 2020-03-27 00:56:35
HTML头部<head>元素包含关于文档的概要信息,也被称为元信息(meta-information) <head> 元素包含了所有的头部标签元素。在 <head>元素中你可以插入脚本(scripts), 样式文件(CSS),及各种 meta 信息。 可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript> 和 <base>。 <head> 元素描述了文档的各种属性和信息,其中包括文档的标题、在 Web 中的位置以及和其他文档的关系等。 HTML <title> 元素/<title> 标签定义了不同文档的标题,<title> 在 HTML/XHTML 文档中是必须的(代码部分为一个简单的HTML文档) <title> 元素定义了浏览器工具栏的标题 当网页添加到收藏夹时,显示在收藏夹中的标题 显示在搜索引擎结果页面的标题 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Title of the document</title> 5 </head> 6 <body> 7 The content of the document...... 8 </body> 9 </html> HTML <base> 元素/<base> 标签描述了基本的链接地址/链接目标

html——meta标签、link标签

时光总嘲笑我的痴心妄想 提交于 2020-03-26 03:47:34
<meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。 <meta> 标签位于文档的头部,不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。 <!--关键字--> <meta name="keywords" content="饮食,文化,文章" /> <!--网页描述--> <meta name="description" content="这是一篇介绍饮食文化的文章" /> <!--网页重定向5秒后跳转到百度--> <meta http-equiv="refresh" content="5;http://www.baidu.com" /> 注释:http-equiv="refresh"页面将会在打开的5秒后跳转到百度主页。 <link> 标签定义文档与外部资源的关系。 <link> 标签最常见的用途是链接样式表。 <!--引入图标--> <link href="picture/2017/11/01/111.ico" rel="icon" /> <!--引入样式--> <link href="../../StyleSheet1.css" rel="stylesheet" /> 参考: HTML <meta> 标签 、 HTML <link> 标签 来源: https://www.cnblogs