meta

HTML 头部标记

由 守給你的承諾、 提交于 2020-01-03 07:51:30
HTML头部标记放在<head></head>中，一般包括标题、基底信息、元信息等。 <base> 当前文档的URL全称（基底网址） <basefont> 设定基准的文字字体、字号和颜色 <title> 显示在浏览器左上方的标题内容（标签卡上） <isindex> 表明该文档是一个可用于检索的网关脚本，由服务器自动建立 <meta> 有关文档本身的元信息，如用于查询的关键字、获取该文档的有效期等 <style> 设定CSS层叠样式表的内容 <link> 设定外部文件的链接 <script> 设定页面中程序脚本的内容 meta元素的属性有两种，name和http-equiv，其中name属性主要用于描述网页，以便于搜索引擎查找和分类 <meta name="keyword" content=""> <meta name="description" content=""> <meta name="generator" content=""> //设置编辑软件的名称 <meta name="author" content=""> <meta name="robots" content=""> //限制搜索方式 搜索方式： All(可搜索当前网页及其链接的网页)、Index(表示能搜索当前网页)、Nofollow(表示不能搜索当前网页链接的网页)、Noindex(表示不能搜索当前网页)

HTML笔记（七）head相关元素<base> & <meta>

由 [亡魂溺海] 提交于 2020-01-03 07:51:12
　　<head>元素是所有头部元素的容器。 　　可添加的标签有：<title>、<base>、<link>、<meta>、<script>和<style>。 <base>元素 　　<base>标签规定了页面上的所有链接的默认地址或默认目标target。 <html> <head> <base href="http://www.w3school.com.cn/i/" /> <base target="_blank" /> </head> <body> <!-- head部分已经规定了一个基准UR。 --> <img src="eg_smile.gif" /> <p><a href="http://www.w3school.com.cn">W3School</a></p> </body> </html> <meta>元素 　　<meta>元素提供有关页面的元信息meta-infomation，如针对搜索引擎和更新频率的描述好关键字。 　　<mata>不包含任何内容，其属性定义了与文档相关联的键 / 值对。 　　所有服务器至少要发送一个：content-type: text/html。 　　content属性主要是为键 / 值对提供值。 它必须和name属性或者http-equiv属性一起使用。 　　 ① name属性和content属性 　　name属性主要为键 / 值对提供键的名称

html meta link script form

由 匆匆过客 提交于 2020-01-03 07:24:28
<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前。 <!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。 <meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。 <meta> 标签位于文档的头部，不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。 <link> 标签定义文档与外部资源的关系。 <link> 标签最常见的用途是链接样式表。 <script> 标签用于定义客户端脚本，比如 JavaScript。 script 元素既可以包含脚本语句，也可以通过 src 属性指向外部脚本文件。 必需的 type 属性规定脚本的 MIME 类型。 JavaScript 的常见应用时图像操作、表单验证以及动态内容更新。 <form> 标签用于为用户输入创建 HTML 表单。 表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。 表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。 表单用于向服务器传输数据。 来源： https://www.cnblogs.com/begoogatprogram/p/4779242.html

meta标签

由 早过忘川 提交于 2020-01-03 05:18:44
使用meta标签设置网页关键字 <meta name="keywords" content = "这里写关键字" /> 指定网页的描述 <meta name="description" content="这里也网页的描述"/> description和keywords不会影响页面在搜索引擎中的排名 请求的重定向 <meta http-equiv="refresh" content="5;url=http://www.baidu.com"/> 表示页面加载后，5秒后跳转到指定的路径（可以是绝对路径和相对路径） 来源： CSDN 作者： 无悟饭空 链接： https://blog.csdn.net/weixin_43269800/article/details/103792431

搞定响应式布局

由 假如想象 提交于 2020-01-03 03:58:19
最近有的小伙伴面试会被问到响应式布局媒体查询的相关知识，这篇博文我就来给大家总结一下响应式布局的相关知识。 响应式布局是什么呢？ 响应式布局时2010年5月份提出来的一个概念。是指根据不同设备浏览器分辨率或尺寸来展示不同页面结构、行为、表现的设计方式。例如我们用电脑、手机、平板等设备访问同一个网页展示出来的效果却是不一样的。 这里我们就拿匹克的官网来看吧，我们打开匹克的官网是这样子的： 当我把窗口调小时： 我们可以看出logo右侧的导航栏间距变小了，嗯 莫慌，我们再让它变小一点： 这张是我把窗口调到最小的时候展现出来的页面。 这个就是一个简单的响应式布局，响应式设计的基本原理是通过媒体查询检测不同的设备屏幕尺寸做处理。 页面头部必须有meta声明viewport ： < meta name = viewport " content=' width= device -width, initial-scale=1, maximum-scale=1, user scalable=no" > width= device -width 视口宽度等于可视窗口宽度； user scalable=no 不允许用户缩放； initial-scale=1 初始化比例为1； maximum-scale=1 最大缩放比例为1； 优缺点 ➢优点:面对不同的分辨率设备灵活性强 能够快捷解决多设备显示适应问题

canvas射击

由 ◇◆丶佛笑我妖孽 提交于 2020-01-02 07:53:09
代码描述： <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"/> <title> New Document 111111111 </title> <meta name="Keywords" content=""> <meta name="Description" content=""> <style type="text/css"> #canvas{position:absolute;left:0;top:0;} </style> </head> <body> <canvas id='canvas' width=800 height=500></canvas> <script type="text/javascript"> var canvas = document.getElementById('canvas'); var context = canvas.getContext('2d'); canvas.style.backgroundColor='#EEEEFF'; document.onmousemove=move; function move(e){ } var arr=[]; var brr=[]; var crr=[]; var drr=[]; var t =null; canvas.onmousedown =

istio1.0.2配置

由 心已入冬 提交于 2020-01-02 05:13:04
项目的组件相对比较复杂，原有的一些选项是靠 ConfigMap 以及 istioctl 分别调整的，现在通过重新设计的 Helm Chart ，安装选项用 values.yml 或者 helm 命令行的方式来进行集中管理了。 在安装 Istio 之前要确保 Kubernetes 集群（仅支持 v1.9 及以后版本）已部署并配置好本地的 kubectl 客户端。 1. 下载 Istio $ wget https://github.com/istio/istio/releases/download/1.0.2/istio-1.0.2-linux.tar.gz $ tar zxf istio-1.0.2-linux.tar.gz $ cp istio-1.0.2/bin/istioctl /usr/local/bin/ 2. 使用 Helm 部署 Istio 服务 git clone https://github.com/istio/istio.git cd istio 安装包内的 Helm 目录中包含了 Istio 的 Chart，官方提供了两种方法： 用 Helm 生成 istio.yaml ，然后自行安装。 用 Tiller 直接安装。 很明显，两种方法并没有什么本质区别，这里我们采用第一种方法来部署。 $ helm template install/kubernetes/helm

HTML meta viewport属性说明(mark)

由 ＊爱你＆永不变心＊ 提交于 2020-01-02 02:53:38
偶遇PC站网页，客户想在手机上查看（不是响应式那种，自然缩放那种）： 直接以下代码： <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes"/> 但发现，样式仍然会乱，检查有些模块是不是没有限制最小宽度，直接崩塌至手机的屏宽，可直接将body设置最小宽度即可! Viewport 基础 一个常用的针对移动网页优化过的页面的 viewport meta 标签大致如下： <meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1″> width：控制 viewport 的大小，可以指定的一个值，如果 600，或者特殊的值，如 device-width 为设备的宽度（单位为缩放为 100% 时的 CSS 的像素）。 height：和 width 相对应，指定高度。 initial-scale：初始缩放比例，也即是当页面第一次 load 的时候缩放比例。 maximum-scale：允许用户缩放到的最大比例。 minimum-scale：允许用户缩放到的最小比例。 user-scalable：用户是否可以手动缩放 引入好的文章：

详解 <meta name=\"viewport\" content=\"initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width\">

由 ぐ巨炮叔叔 提交于 2020-01-02 02:52:18
一次面试前端开发,被要求详解 <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">该meta标签的作用是让当前viewport的宽度等于设备的宽度，同时不允许用户手动缩放。也许允不允许用户缩放不同的网站有不同的要求，但让viewport的宽度等于设备的宽度，这个应该是大家都想要的效果，如果你不这样的设定的话，那就会使用那个比屏幕宽的默认viewport，也就是说会出现横向滚动条。 1. name="viewport" meta viewport 标签首先是由苹果公司在其safari浏览器中引入的，目的就是解决移动设备的viewport问题。后来安卓以及各大浏览器厂商也都纷纷效仿，引入对meta viewport的支持，事实也证明这个东西还是非常有用的。 2.content 属性值 : width:可视区域的宽度，值可为数字或关键词device-width height:同width intial-scale
订阅 meta