meta标签 | 易学教程

前端基础,加标签

阅读更多关于前端基础,加标签

web服务的本质在浏览器中敲回车发生了几件事情？ 1 浏览器向服务端发请求 2 服务端接收请求 3 服务端返回相应的响应 4 浏览器接收响应，根据特定的规则渲染页面给用户看 HTTP协议什么是http协议又叫超文本传输协议规定了浏览器与服务端之间传输数据的格式四大特性 1 基于请求响应 2 基于tcp，ip之上的应用层协议 3 无状态（无法保存用户状态，每一次来都和上一次一样） 4 无连接（每一次请求，响应，都会断开连接）请求数据的格式 1 请求数据格式请求首行（标识了http的版本号，和请求方式）请求头（一大堆的k，v键值对）换行（/r/n）请求体（携带的是一些敏感的信息，比如用户名，密码） 2 响应数据格式响应首行（标识了http的版本号，和响应状态码）响应头（一大堆的k，v键值对）换行（/r/n）响应体（返回的是html页面）请求方式 1 get（向服务端要资源） 2 post（向服务端提交数据） html 1注释 1 单行注释  2 多行注释  head内常用标签 title 用来显示网页的标题 style 用来控制样式，内部支持写css代码 link 用来引入外部css文件 script 用来支持写js代码，也支持导入外界js文件 meta（http-equiv 与 content） 1 2 3

evevt

阅读更多关于 evevt

Event Event 是一个事件对象，当一个事件发生后，和当前事件发生相关的详细信息会被临时存储到一个指定的地方，也就是event对象，以方便我们在需要的时候调用。在这一点上，非常类似于飞机当中的黑匣子，会记录着飞机的详细信息，当飞机失事的时候可以在黑匣子中找到相关的信息。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <button id="btn">点击</button> </body> <script> var btn = document.getElementById('btn'); btn.onclick = function () { console.log(event); // 查看event对象 MouseEvent {isTrusted: true, screenX: 27, screenY: 160, clientX: 27, clientY: 25, …} } </script> </html> 在上面的代码中，我们在单击事件的处理函数内打印了event对象，返回值的结果为MouseEvent事件对象。当我们在不同的事件中打印event对象，返回的结果会根据不同的事件类型返回不同的结果。

关于<meta NAME="keywords" CONTENT="">

阅读更多关于关于

本文转载于: 猿2048 网站关于昨天终于以实习身份入职一家小创业公司，今天让我多看看别人的网页怎么写的，发现了一个以前都没关注过的东西。 < meta name ="keywords" content ="XX_XX_XXX" /> 在百度上搜索了一下，看到了一篇详细介绍如下： META标签是HTML语言HEAD区的一个辅助性标签，它位于HTML文档头部的<HEAD>标记和<TITLE>标记之间，它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题，或者是定义用户浏览器上的cookie；它可以用于鉴别作者，设定页面格式，标注内容提要和关键字；还可以设置页面使其可以根据你定义的时间间隔刷新自己,以及设置RASC内容等级，等等。　　name是描述网页的，对应于Content（网页内容），以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类）。　　name的value值（name=""）指定所提供信息的类型。有些值是已经定义好的。例如description(说明)、keyword(关键字)、refresh(刷新)等。还可以指定其他任意值，如：creationdate(创建日期) 、 document ID(文档编号)和level(等级)等。　　name的content指定实际内容。如：如果指定level

Meta http-equiv属性详解

阅读更多关于 Meta http-equiv属性详解

本文转载于: 猿2048 网站 Meta http-equiv属性详解 Meta http-equiv属性详解(参考链接： http://www.w3school.com.cn/tags/tag_meta.asp ) http-equiv顾名思义，相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。引用 meat标签的http-equiv属性语法格式是：＜meta http-equiv="参数" content="参数变量值"＞；其中http-equiv属性主要有以下几种参数： 1、Expires(期限) 说明：可以用于设定网页的到期时间。一旦网页过期，必须到服务器上重新传输。用法： Html代码＜meta http-equiv= "expires" content= "Wed, 20 Jun 2007 22:33:00 GMT"＞注意：必须使用GMT的时间格式。 2、Pragma(cache模式) 说明：是用于设定禁止浏览器从本地机的缓存中调阅页面内容，设定后一旦离开网页就无法从Cache中再调出用法： Html代码＜meta http-equiv= "Pragma" content= "no-cache"＞注意：这样设定

vue续集1

阅读更多关于 vue续集1

1.vue组件 1.1局部组件的使用 var App = { tempalte:` <div class='app'></div>` }; //2.挂子 <App />单闭合双闭合都可以 new Vue({ el:"#app", //用子 template:<App /> components:{ App } }) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ padding: 0; margin: 0; } body{ color: #fff; } .main{ width: 100%; } .head{ width: 100%; height: 70px; background-color: purple; text-align: center; font-size: 20px; line-height: 70px; } .wrap{ width: 100%; height: 1200px; } .wrap .aside{ width: 30%; height: 1200px; background-color: green; float: left; } .wrap .content{ width: 70%;

移动端开发必须知道的小技巧

阅读更多关于移动端开发必须知道的小技巧

前言最近在公司写一个混合 app 项目，页面基本全部都是用 H5 完成，嵌入到原生 webview 下。发现一个问题，在 iPhone 6 下苹果手机的状态栏会挡住页面，导致页面下移，样式错乱，最后网上查找了些解决办法，加了一条 meta 标签解决了问题。今天特来总结下常用的移动端开发需要注意的meta标签及一些小技巧。 viewport <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> 这个是移动端页面开发必备的标签，用来调整布局视口同视觉视口一致，禁止页面缩放等。 apple-mobile-web-app-capable apple-mobile-web-app-capable 是设置 Web 应用是否以全屏模式运行。语法： <meta name="apple-mobile-web-app-capable" content="yes"> 说明：如果 content 设置为yes，Web应用会以全屏模式运行，反之，则不会。content的默认值是no，表示正常显示。如果选择全屏模式运行，则会删除默认的苹果工具栏和菜单栏。我开篇遇到的问题就是通过设置该 meta 标签解决的。设置顶部状态栏的颜色 <meta

前端之移动端库和框架bootstrap

阅读更多关于前端之移动端库和框架bootstrap

学习移动端场景下的js事件；制作移动端特效常用的js库；介绍移动端常用开发框架Bootstrap；介绍动态样式语言less、sass、stylus的基本使用。移动端js事件移动端的操作方式和PC端是不同的，移动端主要用手指操作，所以有特殊的touch事件，touch事件包括如下几个事件： 1、touchstart: //手指放到屏幕上时触发 2、touchmove: //手指在屏幕上滑动式触发 3、touchend: //手指离开屏幕时触发 4、touchcancel: //系统取消touch事件的时候触发，比较少用移动端一般有三种操作，点击、滑动、拖动，这三种操作一般是组合使用上面的几个事件来完成的，所有上面的4个事件一般很少单独使用，一般是封装使用来实现这三种操作，可以使用封装成熟的js库。移动端js库 zeptojs Zepto是一个轻量级的针对现代高级浏览器的JavaScript库，它与jquery有着类似的api。如果你会用jquery，那么你也会用zepto。Zepto的一些可选功能是专门针对移动端浏览器的；它的最初目标是在移动端提供一个精简的类似jquery的js库。 zepto官网：http://zeptojs.com/ zepto中文api：http://www.css88.com/doc/zeptojs_api/ zepto包含很多模块

cookie实现记住密码

阅读更多关于 cookie实现记住密码

目录 1 问题描述 2 解决方案 2.1 预期效果 2.2 系统结构示意图 2.3 具体编码 1 问题描述利用 Java EE 相关技术实现一个简单的 Web 聊天室系统，具体要求如下。（ 1 ）编写一个登录页面，登录信息中有用户名和密码，分别用两个按钮来提交和重置登录信息。（ 2 ）编写一个 Servlet 程序 Main.java 通过请求指派来处理用户提交的登录信息，如果用户名为本小组成员的名字且密码为对应的学号时，跳转到 LoginSuccess 显示聊天界面（类似于 QQ 群聊天界面，可使用 HTML 中的 frameset 标签生成两个窗口，一个用来实现用户信息输入，另一个显示所有用户聊天记录的）；否则跳转到 LoginFail 页面，提示用户重新登录 ( 注：此页面要包含前面的登录界面 ) 。（ 3 ）编写两个 Servlet 程序，分别用来显示“信息输入”窗口和“聊天记录显示”窗口的内容；用户在“信息输入”窗口中键入聊天内容，点击“发送”按钮后，在“聊天记录显示”窗口中显示发送消息的用户名称和聊天内容。提示：利用 HTML 中的 textarea 标签来实现。（ 4 ）在登录界面上实现记住用户名和密码的功能，使得当用户选择了此功能并成功登录后，在其下次登录时可以不用再输入用户名和密码即可登录。提示：此功能可通过两个 Cookie 来实现。以下功能选做：

css学习

阅读更多关于 css学习

伪类： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>css学习</title> <style> input:focus{ background: #0E5C2F; } </style> </head> <body>  <input type="text"> </body> </html> 伪元素使用： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>css学习<

Vue路由总结

阅读更多关于 Vue路由总结

详见我的个人博客：一、路由的基本使用 1、安装 vue-router 路由模块 //引入vue-router路由模块 < script src = " ./lib/vue-router-3.0.1.js " > </ script > 2、创建一个路由对象 var routerObj=new VueRouter({ //route这个配置对象中的route表示【路由匹配规则】的意思 routes:[ // 路由匹配规则 // 每个路由规则，都是一个对象，这个规则对象，身上，有两个必须的属性： // 属性1 是 path，表示监听哪个路由链接地址； // 属性2 是 component，表示，如果路由是前面匹配到的 path ，则展示 component 属性对应的那个组件 // 注意： component 的属性值，必须是一个组件的模板对象，不能是组件的引用名称； { path: '/login', component: login }, { path: '/register', component: register } ] }) 3、在定义路由之前先定义路由中的组件模板对象 var login = { template: ' < h1 > 登录组件 </ h1 > ' } var register = { template: ' < h1 > 注册组件 </

订阅 meta标签