meta标签

HTML5 APP开发常用事项

我们两清 提交于 2019-11-30 11:56:29
HTML5 APP开发常用事项 1.常用标签 meta name="format-detection" content="telephone=no" meta name="format-detection" content="email=no" meta name="format-detection" content="adress=no" 也可以连写:meta name="format-detection" content="telephone=no,email=no,adress=no" 顾名思义,它是用来检测html里的一些格式; <meta http-equiv="x-rim-auto-match" content="none"> 这个与上面几个类似,不过针对的平台是BlackBerry's browser。 <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> <meta name="apple-touch-fullscreen" content="yes" /> apple-mobile-web-app-capable,这meta的作用就是删除默认的苹果工具栏和菜单栏.

即将是史上最全的meta大全

徘徊边缘 提交于 2019-11-30 09:53:28
本文的目的是搜集当前主流的 meta 配置,方便开发者快速开发调试。在这里不会做各种 meta 的深入分析,只是简单的介绍,让大家知道有这个东西。 meta简述 meta 用于描述 HTML 文档的元数据。通常用于指定网页的描述,关键词,作者及其他元数据。 元数据可以被使用浏览器(如何显示内容或加载页面),搜索引擎(关键词),或其他 Web 服务调用。 meta 从一定程度上影响 seo 。 meta支持哪些属性 属性 值 描述 charset character_set 定义文档的字符编码。 content text 定义与 http-equiv 或 name 属性相关的元信息。 http-equiv content-type default-style refresh 把 content 属性关联到 HTTP 头部。 name application-name author description generator keywords 把 content 属性关联到一个名称。 scheme format/URI HTML5不支持。 定义用于翻译 content 属性值的格式。 http-equiv meta 标签上的 http-equiv 属性与 http 头部信息相关,而且是响应头,因为 html 本质上是通过服务器响应得到的。 http-equiv 用于伪装 HTTP

【JavaScript】初识js

被刻印的时光 ゝ 提交于 2019-11-30 09:38:53
前端三大利器就是HTML+CSS+JavaScript,他们在整个前端开发中的主要作用大体可以概括如下 html 标记语言 负责页面的结构 css 层叠样式表 负责页面的样式 javascript 编程语言 负责页面的行为(客户端) 其中最复杂也是最重要的部分就是Javascript。用一个词来形容JS的用途,就是“上天入地”。在客户端开发中我们可以使用JS来实现特效、动画、交互、数据校验 ;在服务器端有node;在数据库中有mongodb。所以现今的开发环境对于我们对JS的掌握程度要求越来越高,要想在软件开发一道上走得远,我们必须要掌握好JS。 今天先简单介绍一下JS的一些基本知识。 1.书写位置 *** 嵌入式 类似于CSS内嵌式一样,我们同样把代码写在页面里,通过<script></script>标签进行标记,在该标签内写JS代码。平时JS代码少的时候可以用这种方式。 其中JS代码可以放在任何位置(<head></head>里,<body></body>里,<html></html>外),但建议放在body末尾。 01_书写位置.html 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device

HTML_常用标签

我与影子孤独终老i 提交于 2019-11-30 07:52:00
标签 <title></title> 定义网页标题 <style></style> 定义内部样式表 <script></script> 定义JS代码或引入外部JS文件 <link/> 引入外部样式表文件 <meta/> 定义网页原信息 Meta标签 Meta标签介绍: #作为了解内容 <meta>元素可提供有关页面的元信息(meta-information),针对搜索引擎和更新频度的描述和关键词。 <meta>标签位于文档的头部,不包含任何内容。 <meta>提供的信息是用户不可见的。 meta标签的组成:meta标签共有两个属性,它们分别是http-equiv属性和name 属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。 1.http-equiv属性:相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。 <!--2秒后跳转到对应的网址,注意引号--> <meta http-equiv="refresh" content="2;URL=https://www.oldboyedu.com"> #如果把URL和后面的内容去掉,就是2秒钟刷新一次,这些内容了解一下就行 <!--指定文档的编码类型--> <meta http-equiv=

Prometheus Operator 监控Kubernetes

余生颓废 提交于 2019-11-30 06:16:32
Prometheus Operator 监控Kubernetes 1. Prometheus 的基本架构 ​ Prometheus 是一个开源的完整监控解决方案,涵盖数据采集、查询、告警、展示整个监控流程,下图是 Prometheus 的架构图 : 官方文档: https://prometheus.io/docs/introduction/overview/ 2. 组件说明 Prometheus 生态系统由多个组件组成。其中许多组件都是可选的 Promethus server 必须安装,本质是一个时序数据库,主要负责数据 pull 、存储、分析,提供 PromQL 查询语言的支持; Push Gateway 非必选项,支持临时性 Job 主动推送指标的中间网关 exporters 部署在客户端的 agent, 如 node_exporte, mysql_exporter 等 提供被监控组件信息的 HTTP 接口被叫做 exporter ,目前互联网公司常用的组件大部分都有 exporter 可以直接使用,比如 Varnish 、 Haproxy 、 Nginx 、 MySQL 、 Linux 系统信息 ( 包括磁盘、内存、 CPU 、网络等等 ) ;如: https://prometheus.io/docs/instrumenting/exporters/ alertmanager

HTML

核能气质少年 提交于 2019-11-30 05:37:17
本章内容: 简介 HTML定义 标签定义和属性 HTML5基本结构 HTML5字符集 <head>标签 <title> <base/> <link/>(rel、href、type) <meta/>(http-equiv、name、content) <body>标签 块级标签 & 内联标签 基本标签(<h1>~<h6>、<p>、<b> <strong>、<strike>、<u>、<em> <i>、<sup>、<sub>、<br>、<hr>、<div>、<span>) 特殊符号(>、<、 、"、©...) <a> 超链接标签(锚标签)(href、target、name) <img> 图形标签(src、title、alt、width、height、align) 列表标签(<ul>、<ol>、<li>、<dl>、<dt>、<dd>) <table> 表格标签(<table> 、<caption> 、<tr>、<th>、<td>、<thead>、<tbody>、rowspan、colspan) <from> 表单标签(action、method、enctype、<input>、<textarea>、<select>、<label>、<fieldset>) 框架 <frameset> <iframe> 简介 HTML 是什么? htyper text markup language

jQuery快速入门

不问归期 提交于 2019-11-30 05:24:08
jQuery快速入门 jQuery   jQuery介绍     1.jQuery是一个轻量级的、兼容多浏览器的JavaScript库。     2.jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互,能够极大地简化JavaScript编程。它的宗旨就是:“Write less, do more.“        jQuery的优势 一款轻量级的JS框架。jQuery核心js文件才几十kb,不会影响页面加载速度。 丰富的DOM选择器,jQuery的选择器用起来很方便,比如要找到某个DOM对象的相邻元素,JS可能要写好几行代码,而jQuery一行代码就搞定了,再比如要将一个表格的隔行变色,jQuery也是一行代码搞定。 链式表达式。jQuery的链式操作可以把多个操作写在一行代码里,更加简洁。 事件、样式、动画支持。jQuery还简化了js操作css的代码,并且代码的可读性也比js要强。 Ajax操作支持。jQuery简化了AJAX操作,后端只需返回一个JSON格式的字符串就能完成与前端的通信。 跨浏览器兼容。jQuery基本兼容了现在主流的浏览器,不用再为浏览器的兼容问题而伤透脑筋。 插件扩展开发。jQuery有着丰富的第三方的插件,例如:树形菜单、日期控件、图片切换插件、弹出窗口等等基本前端页面上的组件都有对应插件

前端HTML

ぃ、小莉子 提交于 2019-11-30 05:23:32
前端HTML HTML介绍   Web服务本质 import socket sk = socket.socket() sk.bind(("127.0.0.1", 8080)) sk.listen(5) while True: conn, addr = sk.accept() data = conn.recv(8096) conn.send(b"HTTP/1.1 200 OK\r\n\r\n") conn.send(b"<h1>Hello world!</h1>") conn.close()   浏览器发请求 --> HTTP协议 --> 服务端接收请求 --> 服务端返回响应 --> 服务端把HTML文件内容发给浏览器 --> 浏览器渲染页面   HTML是什么? 超文本标记语言(Hypertext Markup Language, HTML)是一种用于创建网页的标记语言。 本质上是浏览器可识别的规则,我们按照规则写网页,浏览器根据规则渲染我们的网页。对于不同的浏览器,对同一个标签可能会有不同的解释。(兼容性问题) 网页文件的扩展名:.html或.htm   HTML不是什么?     HTML是一种标记语言(markup language),它不是一种编程语言。     HTML使用标签来描述网页。不像python编程语言一样,有逻辑什么的,这个标记语言是没有逻辑的  

Web前端——JavaScript练习

岁酱吖の 提交于 2019-11-30 03:12:42
Js练习 显示和隐藏,改变display属性(点击查看图片) 关键代码: 复制e.style.display = "block"; e.style.display = "none"; 源码: 复制<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>显示和隐藏</title> <script type="text/javascript"> function showPicture(){ //普通方式获得控件实例 var e = document.getElementById("myimg"); e.style.display = "block"; } function hidePicture(){ //querySelector是html5增加的 //id前面得写#,class前面得写 document.querySelector("#myimg").style.display = "none"; //标签直接写即可,获取到第一个img标签 //document.querySelector("img").style.display = "none"; } </script> </head> <body> <a href="javascript:void(0);"onclick="showPicture()">查看图片

常用meta标签整理

末鹿安然 提交于 2019-11-30 01:42:14
常用meta标签列表,为了加强记忆,ytkah采用先放代码再放注释的形式,献给有需要的朋友们 <meta charset="utf-8">   ↑↑↑ 设置页面编码为UTF8,防止乱码,需要页面保存为UTF8无BOM格式 <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>   ↑↑↑ 这个属性常用于设计移动端网页 <meta http-equiv="X-UA-Compatible" content="IE=edge">   ↑↑↑ 为IE设置兼容模式为edge <meta name="keywords" content="关键词"> <meta name="description" content="描述">   ↑↑↑ 页面关键词、描述 <meta name="robots" content="all">   ↑↑↑ robots用来告诉爬虫哪些页面需要索引,哪些页面不需要索引。content的参数有all,none,index,noindex,follow,nofollow。默认是all。 具体参数如下: 1.none : 搜索引擎将忽略此网页,等价于noindex