meta标签

day38 css

佐手、 提交于 2019-12-05 07:40:02
day38 css 内容回顾: 1.标签嵌套 行内标签, 块标签 行内标签不能嵌套块标签, 但不是绝对的 块标签可以嵌套块标签/行内标签 但是p标签:只可以嵌套字体,图片,表单,而且不能嵌套 2.table tr td 3.form: action methods(get|post) enctype input type text password submit: 与action相关 file: 与enctype相关,mothods一定是post请求 radio checkbox name value select option textarea rows clos lable for: 对应input里的id 4.python: input() print() 5.css 三种引入方式 行内样式> 内接样式, 外接样式 @import url() link link 基本选择器: 作用: 选中标签,设置属性 标签选择器 类名选择器 id选择器:未来与js有很大关联 通配符选择器 高级选择器: 组合选择器 今日内容 共性选择器, 和特性选择器的对比: '共性'简化代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> #p1{ font-size:

JavaScript进阶

六眼飞鱼酱① 提交于 2019-12-05 07:39:12
第一节 JavaScript的DOM JavaScript主要包括三部分内容:ECMAScript、DOM、BOM 1.1 DOM概述 通过 HTML DOM,使用 JavaScript访问 HTML 文档的所有元素, 当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model) HTML DOM模型被构造为对象的树 通过可编程的对象模型,JavaScript 获得了足够的能力来创建动态的 HTML JavaScript 能够改变页面中的所有 HTML 元素。 JavaScript 能够改变页面中的所有 HTML 属性。 JavaScript 能够改变页面中的所有 CSS 样式。 JavaScript 能够对页面中的所有事件做出反应。 1.2 获取HTML元素 通常,通过 JavaScript,您需要操作 HTML 元素, 为了做到这件事情,您必须首先找到该元素 通过 id 找到 HTML 元素 通过标签名找到 HTML 元素 通过类名找到HTML 元素 1.2.1 id找到HTML元素 在 DOM 中查找 HTML 元素的最简单的方法,是通过使用元素的 id, 本例查找 id="intro" 元素: var x=document.getElementById("intro"); 如果找到该元素,则该方法将以对象(在 x 中)的形式返回该元素,

191121HTML

橙三吉。 提交于 2019-12-05 05:27:52
一、HTML 1、web server import socket def handle_request(client): buf = client.recv(1024) client.send(bytes("HTTP/1.1 200 OK\r\n\r\n", encoding='utf-8')) client.send(bytes("<h1 style='background-color:red;'>Hello, Seven<h1>", encoding='utf-8')) def main(): sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM) sock.bind(('localhost', 9999)) sock.listen(5) while True: conn, addr = sock.accept() handle_request(conn) conn.close() if __name__ == '__main__': main() 2、web server2 import socket def handle_request(client): buf = client.recv(1024) client.send(bytes("HTTP/1.1 200 OK\r\n\r\n", encoding=

<meta http-equiv="X-UA-Compatible" content="IE=...

允我心安 提交于 2019-12-05 03:42:39
X-UA-Compatible 是针对ie8新加的一个设置,对于ie8之外的浏览器是不识别的,这个区别与content="IE=7"在无论页面是否包含<!DOCTYPE>指令,都像是使用了 Windows Internet Explorer 7的标准模式。而content="IE=EmulateIE7"模式遵循<!DOCTYPE>指令。对于多数网站来说,它是首选的兼容性模式。 目前IE8尚在测试版中,所以为了避免制作出的页面在IE8下面出现错误,建议直接将IE8使用IE7进行渲染。也就是直接在页面的header的meta标签中加入如下代码: <meta http-equiv="X-UA-Compatible" content="IE=7" /> 这样我们才能使得页面在IE8里面表现正常! 浏览器市场份额的激烈竞争,给网页设计开发人员带来了兼容性设计的麻烦。单单 IE 浏览器就有好几个主流版本,IE6、IE7、IE8 等等。当然使用诸如 IETester,多版本 IE 共存解决方案之类的第三方集成工具,可以方便代码调试。但我们总需要找寻一种更为省时省力的方法。 X-UA-Compatible 是针对 IE8 版本的一个特殊文件头标记,用于为 IE8 指定不同的页面渲染模式。由于当下 IE6 和 IE7 使用率依然较高,综合考虑,启用 IE8 版本的 X-UA-Compatible

<meta http-equiv="X-UA-Compatible" content="IE=Edge">

狂风中的少年 提交于 2019-12-05 03:42:25
<meta http-equiv="X-UA-Compatible" content="IE=Edge"> 1 ,X-UA-Compatible是神马? 文档: https://www.modern.ie/en-us/performance/how-to-use-x-ua-compatible X-UA-Compatible是IE8的一个专有<meta>属性,它告诉IE8采用何种IE版本去渲染网页,在html的<head>标签中使用。可以在微软官方文档获取更多介绍。 为什么要用X-UA-Compatible? 在IE8刚推出的时候,很多网页由于重构的问题,无法适应较高级的浏览器,所以使用X-UA-Compatible标签强制IE8采用低版本方式渲染。 使用下面这段代码后,开发者无需考虑网页是否兼容IE8浏览器,只要确保网页在IE6、IE7下的表现就可以了。 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> //emulate 仿真 给网站添加X-UA-Compatible标签 我建议使用下面的X-UA-Compatible标签: <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> IE=edge告诉IE使用最新的引擎渲染网页

网页基本内容、标签、选择器、git使用

喜欢而已 提交于 2019-12-05 02:54:27
回顾学习历程 创建一个html5的网页 网页基本要素DOCTYPE、html、head、body 声明是H5: <!DOCTYPE html> 声明H4(已经过时): <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> HTML网页文档的根要素,或者叫做根标记,是网页文档中最外层的标记。 <html lang="zh"></html> 属性是lang="zh"设置网页描述语言为中文 HTML其他的特殊属性: manifest <html manifest="example.appcache"></html> 指定网页缓存文件,可以让用户在离线的时候(比如说在飞机上时)也能够访问页面。 xmlns <html xmlns="http://www.w3.org/1999/xhtml"></html> 设置html文档的名空间,比如把网页设置成xhtml的时候可以用这个属性 meta标记 <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content=

day47 JQeury基础

筅森魡賤 提交于 2019-12-05 02:22:46
目录 JQuery JQuery介绍 JQuery优势 JQuery内容 JQuery版本 JQuery对象 JQuery基础语法 查找标签 基本选择器 层级选择器 属性选择器 基本筛选器 表单筛选器 筛选器方法 操作标签 样式标签 位置操作 尺寸 文本操作 属性操作 文档处理 事件 常用事件 事件绑定 移除事件 阻止后续事件执行 阻止事件冒泡 页面载入 事件委托 JQuery JQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 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操作支持

01-Vue.js基础

大兔子大兔子 提交于 2019-12-05 02:13:34
一、Vue基础 1、介绍    Vue 是一套用于构建用户界面的 渐进式框架 。 Vue 的核心库只关注视图层,不仅容易上手,还便于与第三方库或既有的项目整合。 兼容性:Vue 不支持 IE8 及以下版本,因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器。 Vue.js 不支持 IE8 及其以下 IE 版本。 2、Vue.js安装   安装有三种方式,一种直接下载开发版本,第二种 CDN 链接,国外有比较稳定的两个 CDN ,第三种官方命令工具,可用于快速搭建大型单页应用。开发学习还是建议第一种 ,Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。 unpkg:https://unpkg.com/vue/dist/vue.js, 会保持和 npm 发布的最新的版本一致。 cdnjs : https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.min.js 第三种安装就是利用淘宝 npm(大于3.0 )镜像下载: 升级淘宝镜像: npm install cnpm -g #升级cnpm或者安装 cnpm install npm -g #升级npm npm -v #查看版本 cnpm install vue #安装最新版本

前端:HTML5学习之路(二)

我的未来我决定 提交于 2019-12-05 01:45:25
第2章 HTML5文本 2.1 标题和正文   1)标题    HTML5把标题分为6级,分别使用<h1><h2><h3><h4><h5><h6>标签进行标识,它们包含信息的重要性逐级递减。其中h1表示最重要的信息,而h6表示最次要的信息。关于这些标签常用的有<h1><h2><h3><h4>, 使用示例代码如下:    1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 </head> 7 8 <body> 9 <h1>所有产品分类</h1> 10 <h2>进口商品</h2> 11 <h2>食品饮料</h2> 12 <h3>糖果/巧克力</h3> 13 <h4>巧克力 果冻</h4> 14 <h4>口香糖 棒棒糖 软糖 奶糖 QQ糖</h4> 15 <h3>饼干糕点</h3> 16 <h4>饼干 曲奇</h4> 17 <h4>糕点 蛋卷 面包 薯片/膨化</h4> 18 <h2>粮油副食</h2> 19 <h3>大米面粉</h3> 20 <h3>食用油</h3> 21 </body> 22 </html> View Code   2)段落    网页正文主要通过段落文本来表现。HTML5使用<p>标签定义段落文本。    1 <!doctype html> 2 <html>

前端js之BOM和DOM操作

不打扰是莪最后的温柔 提交于 2019-12-04 22:16:49
目录 引入 BOM操作 window对象 history对象 location对象(重点) 弹出框 定时器 计时器相关 DOM 查找标签 直接查找 间接查找 节点操作 创建节点及添加节点 删除节点 替换节点 属性节点及文本节点 获取值操作 标签类(class)属性 标签样式操作 事件 常用时间 绑定事件方式 引入 JavaScript分为 ECMAScript,DOM,BOM。 BOM(Browser Object Model)是指浏览器对象模型,它使 JavaScript 有能力与浏览器进行“对话”。 DOM (Document Object Model)是指文档对象模型,通过它,可以访问HTML文档的所有元素。 BOM操作 window对象 Window对象是客户端JavaScript最高层对象之一,由于window对象是其它大部分对象的共同祖先,在调用window对象的方法和属性时,可以省略window对象的引用。例如:window.document.write()可以简写成:document.write()。 所有浏览器都支持 window 对象。它表示浏览器窗口。 全局变量是 window 对象的属性。全局函数是 window 对象的方法。 一些常用的Window方法: window.innerHeight - 浏览器窗口的内部高度 window.innerWidth -