meta

Adding google fonts (fonts.googleapis.com) to CSP header

只愿长相守 提交于 2020-01-12 09:44:41
问题 I am hosting a personal project on gitHub pages, and using cloudflare to enforce https. Now I would like to implement a CSP policy. I tried adding meta tag to the head of my page: <meta HTTP-EQUIV='Content-Security-Policy' CONTENT="default-src 'self' *.fonts.googleapis.com/* *.cloudflare.com/* *.fonts.googleapis.com/*;"> But I am getting the following error: Refused to load the stylesheet 'https://fonts.googleapis.com/icon?family=Material+Icons' because it violates the following Content

Adding google fonts (fonts.googleapis.com) to CSP header

邮差的信 提交于 2020-01-12 09:44:34
问题 I am hosting a personal project on gitHub pages, and using cloudflare to enforce https. Now I would like to implement a CSP policy. I tried adding meta tag to the head of my page: <meta HTTP-EQUIV='Content-Security-Policy' CONTENT="default-src 'self' *.fonts.googleapis.com/* *.cloudflare.com/* *.fonts.googleapis.com/*;"> But I am getting the following error: Refused to load the stylesheet 'https://fonts.googleapis.com/icon?family=Material+Icons' because it violates the following Content

Adding google fonts (fonts.googleapis.com) to CSP header

一世执手 提交于 2020-01-12 09:44:12
问题 I am hosting a personal project on gitHub pages, and using cloudflare to enforce https. Now I would like to implement a CSP policy. I tried adding meta tag to the head of my page: <meta HTTP-EQUIV='Content-Security-Policy' CONTENT="default-src 'self' *.fonts.googleapis.com/* *.cloudflare.com/* *.fonts.googleapis.com/*;"> But I am getting the following error: Refused to load the stylesheet 'https://fonts.googleapis.com/icon?family=Material+Icons' because it violates the following Content

Adding google fonts (fonts.googleapis.com) to CSP header

微笑、不失礼 提交于 2020-01-12 09:42:48
问题 I am hosting a personal project on gitHub pages, and using cloudflare to enforce https. Now I would like to implement a CSP policy. I tried adding meta tag to the head of my page: <meta HTTP-EQUIV='Content-Security-Policy' CONTENT="default-src 'self' *.fonts.googleapis.com/* *.cloudflare.com/* *.fonts.googleapis.com/*;"> But I am getting the following error: Refused to load the stylesheet 'https://fonts.googleapis.com/icon?family=Material+Icons' because it violates the following Content

If I do everything on my page with Ajax, how can I do Search Engine Optimization?

杀马特。学长 韩版系。学妹 提交于 2020-01-12 08:58:42
问题 How is the relationship between crawlers and ajax applications? Do the web crawlers or browsers read dynamically created meta tags? I thought about: adding anchors to the page creating permalinks to the content dynamically adding meta tags. http://code.google.com/web/ajaxcrawling/docs/learn-more.html 回答1: Update in how Google handles SEO with JavaScript: https://searchengineland.com/tested-googlebot-crawls-javascript-heres-learned-220157 which seems pretty good at this point so I would ignore

渲染模式Doctype

此生再无相见时 提交于 2020-01-12 08:27:08
1、渲染模式分为: 标准模式 怪异模式,也叫混杂模式 2、原因 在多年以前(IE6诞生以前),各浏览器都处于各自比较封闭的发展中(基本没有兼容性可谈)。随着WEB的发展,兼容性问题的解决越来越显得迫切,随即,各浏览器厂商发布了按照标准模式(遵循各厂商制定的统一标准)工作的浏览器,比如IE6就是其中之一。但是考虑到以前建设的网站并不支持标准模式,所以各浏览器在加入标准模式的同时也保留了混杂模式(即以前那种未按照统一标准工作的模式,也叫怪异模式)。 3、如何判断渲染模式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <script> console.log(document.compatMode); </script> </body> </html> 结果: CSS1Compat 标准模式 BackCompat 怪异模式 4、三种标准模式的写法 1) <!DOCTYPE html> 2

VUE项目小试牛刀

左心房为你撑大大i 提交于 2020-01-12 03:51:42
首先安装webstorm:http://www.jetbrains.com/webstorm/ (推荐) 再安装node.js:https://nodejs.org/en/download/ (必须的,npm依赖于node.js) 由于npm速度问题,选择淘宝镜像: 命令如下: npm install -g cnpm --registry=https://registry .npm .taobao .org 下载完成即可。 在需要运行vue的目录下:cnmp install 即可在目录中发现: 运行 cnmp run dev 效果如上! 新建项目列表如下: 继续新增几个app,然后拖到apps中 首先来看User的app from datetime import datetime from django.db import models # Create your models here. from django.contrib.auth.models import AbstractUser # 不要写成AbstractBaseUser class UserProfile(AbstractUser): ''' 用户表,扩充原有的表 ''' name = models.CharField(max_length=30, verbose_name='姓名', null=True,

网页head

与世无争的帅哥 提交于 2020-01-11 23:26:51
pc网页 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>网站名称</title> <meta name="keywords" content="网页关键字"> <meta name="description" content="网页内容描述"> <link rel="bookmark" type="image/x-icon" href="图标地址"> <link rel="shortcut icon" type="image/x-icon" href="图标地址"> <link rel="stylesheet" type="text/css" href="reset.css文件地址"> 兼容性 </head> <body></body> </html> mobile网页 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>网站名称</title> <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> <link rel="stylesheet" type

响应式布局

时间秒杀一切 提交于 2020-01-11 09:14:15
详细可查看原文 Meta 标签 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> Media Queries 媒体查询 //手机 @media screen and (max-width: 980px) { } //平板 @media screen and (max-width: 1024px) { } //桌面 @media screen and (max-width: 1200px) { } 设备分辨率 来源: https://www.cnblogs.com/xinchenhui/p/10958354.html

Bootstrap 基本模板

泪湿孤枕 提交于 2020-01-11 09:08:05
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet"> </head> <body> <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script> </body> </html> 来源: https://www.cnblogs.com/Leophen/p/11173282.html