meta标签

web前端入门到实战:Html头部meta标签

这一生的挚爱 提交于 2020-01-19 20:11:21
meta元素有4个属性:name、http-equiv、content、charset.meta标签通过name属性来表述页面文档的元信息,通过http-equiv属性设置http请求指令,通过charset设置页面的字符编码。按照属性设置分类,meta可以分为三类: name属性和content属性组合,构成名称/值对,用于描述网站信息. 标准的meta名称包括application-name、author、description、generator等。 示例代码: <meta name="keywords" content="british,typeface,font,fonts"/> 其中keywords和description这两个名称的使用率最高,是搜索引擎优化的主要手段之一,推荐读者使用。 http-equiv属性和content属性组合,设置特定的http指令; 其中content-type、default-style和refresh已经确定,content-language和set-cookie还未正式确定. 此类型meta应该谨慎使用。不推荐使用<meta http-equiv="refresh" content="300"/>,某些搜索引擎遇到此meta时会停止解析 页面剩余的部分。<meta http-equiv="default-style"

vue项目在APP禁止页面缩放

最后都变了- 提交于 2020-01-19 01:36:44
veu-cli自动生成的项目中,index.html中meta 标签内容如下,放在手机上浏览 是可以放大缩小的 < meta name = "viewport" content = "width=device-width,initial-scale=1.0" > initial-scale - 初始的缩放比例 minimum-scale - 允许用户缩放到的最小比例 maximum-scale - 允许用户缩放到的最大比例 user-scalable - 用户是否可以手动缩放 maximum-scale、minimum-scale及user-scalable属性控制允许用户以怎样的方式放大或缩小页面。 将meta标签修改为如下,即可禁止vue项目在APP放大缩小 < meta content = "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name = "viewport" / > 来源: CSDN 作者: 极星(*^_^*) 链接: https://blog.csdn.net/weixin_44430886/article/details/103821070

JavaScript入门学习之四——JQuery入门

旧时模样 提交于 2020-01-16 14:26:51
在前面一章我们已经点到过,很多的情况我们都是通过JQuery来对标签进行操作的,在这一章我们就来好好讲一讲这个JQuery。 JQuery初识 先看看JQuery的使用 JQuery的特点: 可以用及其简练的语言来做JS做的事情(write less,do more) JQuery就是一个JS文件,相当于一个Python的第三方模块,直接拿过来用就可以了(但是需要按照要求的规则)。但是原生的JS DOM是基础,其实还是通过这些基础来实现所有的操作。 我们要学习的,JQuery最常用的方向,也就是改变标签的属性、样式和事件相关的一系列操作。 JQuery的基础语法 JQuery的语法还是比较简单的,只有一句必须要掌握的 $(selector).action() 前面的selector就相当于一个标签选择器,后面的action就是相对应的操作 标签选择器 id选择器 $("#id") 标签选择器 $("tagName") class选择器 $(".className") 所有元素选择器 $("*") 选择器的配合使用 $("tagName.className") //两个条件一定不能加空格,要紧挨着,加了空格就有层级的效果,下面会讲到 组合选择器 同时符合多个条件 $("condition1,condition2...") 练习题 结合上面的各种基本组合器看看下面的方法应该怎么实现

request对象和response对象

北城以北 提交于 2020-01-16 13:43:38
Web服务器收到客户端的http请求,会针对每一次请求,分别创建一个用于代表请求的request对象、和代表响应的response对象 HttpServletResponse HttpServletResponse对象代表服务器的响应。这个对象中封装了向客户端发送数据、发送响应头,发送响应状态码的方法。 1.向客户端输出中文数据(字节) package cn.lsl.response; import java.io.IOException; import javax.servlet.ServletException; import javax.servlet.ServletOutputStream; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; public class ResponseDemo1 extends HttpServlet { public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

SEO禁用蜘蛛(爬虫)搜索收录网页(全)

夙愿已清 提交于 2020-01-15 11:50:36
手段一: Robots协议:用来告知搜索引擎哪些页面能被抓取,哪些页面不能被抓取;可以屏蔽一些网站中比较大的文件,如:图片,音乐,视频等,节省服务器带宽;可以屏蔽站点的一些死链接。方便搜索引擎抓取网站内容;设置网站地图连接,方便引导蜘蛛爬取页面。 spider在访问一个网站是,会首先检查该网站的根域下是否有一个叫做robots.txt的纯文本文件,这个文件用于指定spider在您网站上抓取范围。 一般屏蔽有:隐私资料,表结构 robots文件是存在于网站的根目录下,首先会检查http://www.123.com/robots.txt这个文件。 robots格式: User-agent: ( 代表所有搜索引擎) Disallow:(不允许抓取的相对路径) allow:(允许抓取的相对路径或文件) robots.txt生成器: https://robots.51240.com/ 文件用法 例: 禁止所有搜索引擎访问网站的任何部分 User-agent: * Disallow: / 实例分析:淘宝网的 Robots.txt文件:访问www.taobao.com/robots.txt User-agent: Baiduspider Allow: /article Allow: /oshtml Disallow: /product/ Disallow: / User-Agent:

vue part1 基础

百般思念 提交于 2020-01-14 18:41:36
0.准备 pycharm vue与EC6支持设定 https://www.cnblogs.com/infaaf/articles/9593237.html chrome浏览器插件安装 完成后出现标记 vue页面标记 需要使用vue.js非vue.min.js 调试页面 结构模型MVVM = m:model + v:view + vm view(dom) ------dom listeners-----》 Model(data)    《------data bindings---- 1. 调试运行Helloword vue与jquery比较 vue <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue </title> <script src="https://cdn.bootcss.com/vue/2.2.2/vue.min.js"></script> </head> <body> <div id="app"> <p>{{ message }}</p> <button v-on:click="clickfunc">点击</button> </div> <script> new Vue({ el:'#app', data:{ message:'before' }, methods:{ clickfunc

canvas使用

风流意气都作罢 提交于 2020-01-14 16:12:58
基本步骤类似于 步骤1准备画布 准备画布 <canvas></canvas>标签就是画布 canvas画布有默认大小 默认350X150 设置canvas画布大小 通常canvas是一个标签,可以在style canvas{width:xxxpx; height:xxpx} 但是不建议这样写 不建议在样式设置尺寸 我们可以在元素本身来设置 <canvas width="600" height="400"></canvas> 解释:不在样式表中设置canvas画布大小的原因 在css中设置canvas尺寸 canvas{ border:1px solid black; width: 600px; height: 400px; } 同样类似下面在(100,100)的位置绘制一条直线 此时可以发现 原来300X150的框拉伸到600X400,同样原来100X100的点距离左边和上边同比例放大了。就好比于拉伸了图片,点的相对比例没变,而实际位置改变。 所以在css样式中我们设置canvas的样式,而不是canvas的大小 步骤2准备绘制工具,利用工具绘图 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,

响应式布局

时间秒杀一切 提交于 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

VueJS入门

只愿长相守 提交于 2020-01-11 06:57:40
一、VueJS概述与快速入门   1.1 介绍   一个构建数据驱动的web界面的渐进式其框架,Vue.js的目标提供尽可能简单的API就可以满足我们的日常开发,官网:https://cn.vuejs.org/。学习此框架需要有HTML、CSS和JavaScript的一些基础。   1.2 MVVM模式   MVVM是Modle-View-ViewModel的简写,是MVC的改进版。MVVM就是将其中View的状态和行为抽象化,让我们将视图(html和dom元素)和业务逻辑分开,分开后我们直接曹组模型数据就等同于html的dom元素。   MVVM模式和MVC模式一样,主要目的是分离视图(View)和模型(Model)。   Vue.js是一个提供了MVVM风格的双向数据绑定的JavaScript库,专注于View层。它的核心是MVVM中的VM,也就是ViewModle。ViewModel负责连接View和Model,保证视图和数据的一致性,这种轻量级的架构让前端开发更加高效、便捷。   1.3 VueJS快速入门   首先需要在官网上下载一个vuejs的文件,这个自己操作一下,接着创建一个html文件 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>vue入门<

1.BBS需求分析和创建ORM

送分小仙女□ 提交于 2020-01-11 02:02:22
1.BBS需求分析和创建ORM 1. 需要哪些表 1. UserInfo 1. username 2. password 3. avatar #头像图片 2. 文章表: title publish_date desc author 详细内容 一对一关联 文章详情表 3. 文章详情表 info 4. 评论表 1. user 2. 时间 3. 内容 4. 关联的文章 5. 是谁的子评论 5. 标签 标签名 和文章 多对多 6. 分类 分类名 和文章的关联关系 多对多/一对多 7. 点赞 是赞还是踩 文章 谁点的 关联user2.创建ORM from django.contrib.auth.models import AbstractUser class UserInfo(AbstractUser): """ 用户信息表 """ nid = models.AutoField(primary_key=True) phone = models.CharField(max_length=11, null=True, unique=True) avatar = models.FileField(upload_to="avatars/", default="avatars/default.png", verbose_name="头像") create_time = models