meta标签

目录 HTML介绍 Web服务本质 HTML是什么？ HTML不是什么？ HTML文档结构 HTML标签格式，严格封闭 HTML注释 <!DOCTYPE> 标签 HTML常用标签 head内常用标签 Meta标签 body内常用标签（HTML中的重点） 基本标签（块级标签和内联标签） 特殊字符（还有好多其他的，可以直接百度搜HTML特殊符号对照表） div标签和span标签（常用） img标签 a标签 列表 表格 form（最后再学这个标签，先去学input标签） input（都试一下） select标签 label标签 textarea多行文本 前端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文件内容发给浏览器 --> 浏览器渲染页面

国内的主流浏览器都是双核浏览器：基于Webkit内核用于常用网站的高速浏览。基于IE的内核用于兼容网银、旧版网站。以360的几款浏览器为例，我们优先通过Webkit内核渲染主流的网站，只有小量的网站通过IE内核渲染，以保证页面兼容。 <meta name="renderer" content="webkit|ie-comp|ie-stand"> content的取值为webkit,ie-comp,ie-stand之一，区分大小写，分别代表用webkit内核，IE兼容内核，IE标准内核。 若页面需默认用极速核，增加标签：<meta name="renderer" content="webkit"> 若页面需默认用ie兼容内核，增加标签：<meta name="renderer" content="ie-comp"> 若页面需默认用ie标准内核，增加标签：<meta name="renderer" content="ie-stand"> 各渲染内核的技术细节 内核 Webkit IE兼容 IE标准 文档模式 Chrome 21 IE6/7 IE9/IE10/IE11(取决于用户的IE) HTML5支持 YES NO YES ActiveX控件支持 NO YES YES 来源： https://www.cnblogs.com/guoyansi19900907/p/6007676.html

概要 标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他 web 服务。 —— W3School 必要属性 属性 值 描述 content some text 定义与http-equiv或name属性相关的元信息 可选属性 属性 值 描述 http-equiv content-type / expire / refresh / set-cookie 把content属性关联到HTTP头部。 name author / description / keywords / generator / revised / others 把 content 属性关联到一个名称。 content some text 定义用于翻译 content 属性值的格式。 SEO优化 参考文档 页面关键词 ，每个网页应具有描述该网页内容的一组唯一的关键字。 使用人们可能会搜索，并准确描述网页上所提供信息的描述性和代表性关键字及短语。标记内容太短，则搜索引擎可能不会认为这些内容相关。另外标记不应超过 874 个字符。 <meta name="keywords" content="your tags" /> 页面描述 ，每个网页都应有一个不超过 150 个字符且能准确反映网页内容的描述标签。 <meta name

1、首先我们来看看webkit内核中的一些私有的meta标签，这些meta标签在开发webapp时起到非常重要的作用 <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" /> <meta content="yes" name="apple-mobile-web-app-capable" /> <meta content="black" name="apple-mobile-web-app-status-bar-style" /> <meta content="telephone=no" name="format-detection" /> 第一个meta标签表示：强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览； 第二个meta标签是iphone设备中的safari私有meta标签，它表示：允许全屏模式浏览； 第三个meta标签也是iphone的私有标签，它指定的iphone中safari顶端的状态条的样式； 第四个meta标签表示：告诉设备忽略将页面中的数字识别为电话号码； 2、 HTML5 标签的使用 在开始编写webapp时，哥建议前端工程师使用HTML5

1、首先我们来看看webkit内核中的一些私有的meta标签，这些meta标签在开发webapp时起到非常重要的作用 <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" /> <meta content="yes" name="apple-mobile-web-app-capable" /> <meta content="black" name="apple-mobile-web-app-status-bar-style" /> <meta content="telephone=no" name="format-detection" /> 第一个meta标签表示：强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览； 第二个meta标签是iphone设备中的safari私有meta标签，它表示：允许全屏模式浏览； 第三个meta标签也是iphone的私有标签，它指定的iphone中safari顶端的状态条的样式； 第四个meta标签表示：告诉设备忽略将页面中的数字识别为电话号码； 2、HTML5标签的使用 在开始编写webapp时，哥建议前端工程师使用HTML5

1、首先我们来看看 webkit内核 中的一些私有的meta标签，这些meta标签在开发webapp时起到非常重要的作用 1 <meta content= "width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name= "viewport" /> 2 <meta content= "yes" name= "apple-mobile-web-app-capable" /> 3 <meta content= "black" name= "apple-mobile-web-app-status-bar-style" /> 4 <meta content= "telephone=no" name= "format-detection" /> 　　第一个meta标签表示：强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览； 　　第二个meta标签是 iphone 设备中的safari私有meta标签，它表示：允许全屏模式浏览； 　　第三个meta标签也是 iphone 的私有标签，它指定的iphone中safari顶端的状态条的样式； 　　第四个meta标签表示：告诉设备忽略将页面中的数字识别为电话号码 2、 HTML5标签的使用 　

// 设置缩放 < meta name = " viewport " content = " width=device-width, initial-scale=1, user-scalable=no, minimal-ui " /> // 可隐藏地址栏，仅针对IOS的Safari（注：IOS7.0版本以后，safari上已看不到效果） < meta name = " apple-mobile-web-app-capable " content = " yes " /> // 仅针对IOS的Safari顶端状态条的样式（可选default/black/black-translucent ） < meta name = " apple-mobile-web-app-status-bar-style " content = " black " /> // IOS中禁用将数字识别为电话号码/忽略Android平台中对邮箱地址的识别 <meta name="format-detection"content="telephone=no, email=no" /> // 启用360浏览器的极速模式(webkit) --> < meta name = " renderer " content = " webkit " > // 避免IE使用兼容模式 --> < meta http-equiv =

参考自： https://blog.csdn.net/songylwq/article/details/5586154 首先是对缓存的理解： 1、缓存的思想可以应用在软件分层的各个层面。它是一种内部机制，对外界而言，是不可感知的。 2、数据库本身有缓存，持久层也可以缓存。（比如：hibernate，还分1级和2级缓存） 3、业务层也可以有缓存（但一般来说，这是一个过程域，不会设缓存）。 4、表现层/数据服务层（传统web的表现层）也可以设置缓存（jsp cache 就是这一层，实现在app server上的缓存机制） 另外Browser也有缓存（如IE）这个大家也都知道（实现在 web server 上的缓存机制）。越上层的缓存效果越好，越底层的缓存影响越深远。 缓存实现（重） 1、服务端方法： <％ response.setHeader("Pragma","No-cache"); response.setHeader("Cache-Control","no-cache"); response.setDateHeader("Expires", -10); ％> 2、客户端方法： meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的＜head＞与＜/head＞中，meta 标签的用处很多。meta 的属性有两种：name和http-equiv

1、数据绑定与数据声明 Vue中的数据绑定就是让与Vue实例绑定的DOM节点或script标签内的变量之间数据更新互相影响，即数据绑定后Vue实例的数据修改会使DOM节点的数据或者script标签内的变量的数据一起修改，反之亦然，实现数据绑定的方式为Vue中的v-model指令。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue 示例</title> <script src="https://unpkg.com/vue/dist/vue.min.js"></script> </head> <body> <div id="app"> <!--v-model跟v-for一样是Vue的指令，v-model用于数据绑定，数据绑定可以是Vue实例与HTML标签间的数据绑定，也可以是Vue实例与script标签内的变量间的数据绑定--> <!--无论是HTML标签还是script标签内的变量，只要与Vue实例存在数据绑定，那么数据绑定双方中任意一方的数据改动都会使另一方的数据同时产生变化--> <!--此例中如Vue数据声明为显式声明则数据绑定双方为Vue实例与input标签，如Vue数据声明为隐式声明则数据绑定为input标签与Vue实例，Vue实例与变量myData，此时三者中任意一方修改数据

*****2019.05.30 补充的 css样式： https://www.cnblogs.com/xt12321/p/10951577.html ******* 前端之CSS基础 　　一、语法结构 　　二、三种引入css样式的方式 　　三、学习css的流程 写在前面 css:层叠样式表 万行代码，注释先行： /*单行注释*/ /* 多行注释 */ 一、语法结构： 选择器 {属性:属性值;属性：属性值;} 二、三种引入css样式的方式 1.head内style标签内部直接书写css代码 2.link标签引入外部css文件 3.直接在标签内通过style属性书写css样式 ps:注意页面css样式通常都应该写在单独的css文件中 三、学习css的流程 3.1 先学如何直接查找标签 (1) 基本选择器 标签选择器 id选择器 类选择器 通用选择器 (2) 组合选择器 后代选择器 儿子选择器 毗邻选择器 弟弟选择器 (3) 属性选择器 补充：分组与嵌套 (4) 伪类选择器 (5) 伪元素选择器 3.2 如何修改标签样式 (1) 宽高、字体 (2) 字体颜色 (3) 文本属性 (4) 背景属性 (5) 边框 (6) 画圆 (7) display属性 (8) visibility:hidden与display的区别 3.1 先学如何直接查找标签 (1) 基本选择器 标签选择器 id选择器