meta

Meta tag migration from HTML 4.01 to HTML5

由 南笙酒味 提交于 2020-01-05 09:14:41
问题 We are looking at migrating over pages written in HTML 4.01 to HTML5 and am looking at the minimum requirements when including meta tags in the <head> element. For example, my current page which is HTML 4.01 compliant has the following meta tags: <meta name="description" content=""> <meta name="keywords" content=""> <meta http-equiv="title" content=""> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta http-equiv="created" content="2014-02-03T10:10:27.000-04:00"> <meta

js或者meta刷新页面

由 半腔热情 提交于 2020-01-05 02:23:10
1、js实现每隔多少秒执行某个函数: setInterval(方法名, 1000); 2、meta实现本页面定时刷新:【3秒刷新一次】 <meta http-equiv="refresh" content="3"> 3、3秒后跳到某个页面 <meta http-equiv="refresh" content="3;url=#"> 来源： https://www.cnblogs.com/ciscolee/p/11234832.html

每日思考（2020/01/04）

由 ╄→尐↘猪︶ㄣ 提交于 2020-01-05 00:38:53
题目概览 对 <meta> 标签的理解 rgba()和opacity这两个的透明效果有什么区别? 为浏览器元素添加一个随机颜色的边框 在浏览器中输入url到页面显示出来的过程发生了什么 题目解答 对 <meta> 标签的理解 定义：元素可提供相关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词等等。标签位于文档的头部 <head></head> 标签内，不包含任何内容。 标签的属性定义了与文档相关联的【名称/值对】。 HTML 4.01 ：<meta http-equiv="content-type" content="text/html; charset=UTF-8"> HTML5 ：<meta charset="UTF-8"> 属性 属性 值 描述 content （必需） some_text 定义与 http-equiv 或 name 属性相关的元信息 http-equiv content、type-expires、refresh、set-cookie 把 content 属性关联到 HTTP 头部。 name author、description、keywords、generator、revised、others 把 content 属性关联到一个名称。 scheme some_text 定义用于翻译 content 属性值的格式。

vue 前端框架

由 回眸只為那壹抹淺笑 提交于 2020-01-04 00:44:59
什么是vue.js 　　1.vue是目前最火的一个前端框架,react 是最流行的前端框架(react除了开发网站,还可以开发手机APP,vue语法也是可以进行手机app开发的,需要借助于weex) 　　2.vue.js 是前端的主流框架之一,和angular.js react.js 一起 并成为前端三大主流框架 　　3.vue.js是一套构建用户界面的框架,值关注视图层,不仅易于上手,还可便于第三方库或既有项目整合.(vue有配套的第三方库,可以整合起来做带向项目的开发) 　　4.前端的主要工作?主要负责MVC 的v这一层 主要工作就是和界面交道 为什么要学习流行框架 　　企业为了提高开发效率,在企业中,事件就是效率,效率就是金钱 　　提高开发的发展历程,原生js -> jquery类的类库 -> 前端模板引擎 -> angular/vue/ 　　在vue中,一个核心的概念,就是让用户不在操作DOM操作元素,解放了用户的双手,让程序员可以更多的时间去关注业务逻辑 　　增强自己就业时候的竞争力 框架和库 的却别: 　　框架:是一台完整的解决方案,对项目的侵入性较大,项目如果需要更换框架,则需要重新架构整个项目 　　node 中的 express 　　库(插件):提供某一个小功能,对项目的侵入性小,如果某个库完成某些需求,可以很容易切换到其他库的实现要求. node(后端)

v-model --双向数据绑定

由 两盒软妹~` 提交于 2020-01-04 00:26:39
<!DOCTYPE html> < html lang = " en " > < head > < meta charset = " UTF-8 " > < meta name = " viewport " content = " width=device-width, initial-scale=1.0 " > < meta http-equiv = " X-UA-Compatible " content = " ie=edge " > < title > Document </ title > </ head > < body > < div id = " app " > < h1 > {{greeting}} </ h1 > < input type = " text " v-model = " greeting " > </ div > < script src = " ./vue.js " > </ script > < script > const app = new Vue ( { el : '#app' , data : { greeting : 'Hello Vuejs' } } ) ; </ script > </ body > </ html > 来源： CSDN 作者： 上头upup 链接： https://blog.csdn.net/qq_45802159

CSS 2. 盒模型|浮动

由 本秂侑毒 提交于 2020-01-03 16:24:21
1、盒模型 盒模型： 在网页中 基本上都会显示一些方方正正的盒子，这种盒子就被我们称为盒模型。重要的属性： width,height,padding,border, margin 盒子模型通过四个边界来描述：margin（外边距），border（边框），padding（内填充，内边距，壳子-边框），content（内容区域） width: 指的是内容的宽度，而不是整个盒子真实的宽度；height: 指的是内容的高度，而不是整个盒子真实的高度。 做一个宽度402*402的盒子，你应该如何设计？盒模型的计算 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>盒模型的计算</title> <style type="text/css"> /*div{ width: 400px; height: 400px; border: 1px solid red; }*/ div{ width: 50px; height: 50px; border: 1px solid red; padding: 175px; } /*div{ width: 0; height: 0; border: 1px solid red; padding: 200px; }*/ </style> <!-- 如果想保证盒子的真实宽度

【CSS】使用盒模型

由 风流意气都作罢 提交于 2020-01-03 16:22:52
盒子是CSS中的基础概念，我们需要使用它来配置元素的外观以及文档的整体布局。 1. 为元素应用内边距 应用内边距会在元素内容和边距之间添加空白。我们可以为内容盒的每个边界单独设置内边距，或者使用 padding 简写属性在一条声明中设置所有的值。 如果使用百分数值指定内边距，百分数总是根包含块的宽度相关，高度不考虑在内。下面代码展示了如何为元素应用内边距。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Example</title> <style type="text/css"> p { border:10px double black; background-color: lightgray; background-clip: content-box; width: 380px; padding-top: 0.5em; padding-bottom: 0.3em; padding-left: 0.8em; padding-right: 0.6em; } </style> </head> <body> <div> <p> 15岁的时候再得到那个5岁的时候热爱的布娃娃，65岁的时候终于有钱买25岁的时候热爱的那条裙子，又有什么意义。 什么都可以从头再来，只有青春不能。 那么多事情

css3不错的教程

由 倾然丶 夕夏残阳落幕 提交于 2020-01-03 14:04:25
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="css/style.css" type="text/css" /> <meta charset="utf-8" /> <title>CSS3悬停放大图片两边模糊显示 - 站长素材</title> </head> <body> <br><br><br> <div class="wrapper"> <div class="box"> <div class="product"> <span class="name">T-shirt</span> <span class="description">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span> </div> </div> <div class="box"> <div class="product"> <span class="name">T-shirt</span> <span class="description">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span> </div> </div> <div class="box"> <div class="product

使用css打造形形色色的形状！

由 做~自己de王妃 提交于 2020-01-03 08:41:27
　　css是非常强大的工具，如果我们掌握的好，那么许多复杂的形状不需要使用图片而直接使用css完成即可，这不仅有利于减少http请求以增强性能还便于日后的管理和维护，一举两得！ 这篇博文会主要介绍一些常见的图形，如圆、椭圆、三角形、平行四边形、菱形、切角效果等等。　　 　　由于这篇博文中的多数实现代码用到了css3，鉴于篇幅有限，所以大家如果对css3不太了解可以先看我的博文《 强大的css3 》。 第一部分：圆 　　用css创建一个圆是很简单的，只需要把border-radius的值设置位宽和高的一般即可，代码如下所示： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>梯形</title> <style> div{ width: 100px; height: 100px; line-height: 100px; text-align: center; border-radius: 50px; background: red; color:white; } </style> </head> <body> <div>918之初</div> </body> </html> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

HTML头部

由 牧云@^-^@ 提交于 2020-01-03 07:53:20
　　HTML的文档首行需要标注文档定义声明，随后就是定义整个HTML文档的 <html> 标签，在 <html> 标签中包括了 <head> 和 <body> 两个元素。<body> 元素定义了HTML文档的主体，页面中所有的可见内容都是通过 <body> 中的其他元素来表现。<head> 中的内容对于用户来说并不总是可见，head主要用于定义文档的信息，便于其他的程序、爬虫等访问获取。 　　头部具体的信息需要一些特殊的标签来描述： title 　 　这里的title指的是 <title></title> 标签，最直观的是用于定义网页的标题，也就是显示的名称。如图： 　　实质上title标签中的内容会应用于浏览器工具栏的标题(如上)、网页添加收藏加后显示的标题 以及 显示在搜索引擎结果页面的标题。 　　严格规定的HTML文档必须包含有title，但是如果不写的话，浏览器将会显示html文件完整的文件名。 base 　 　base标签描述了基本的链接地址也就是说页面中所有请求的资源（表单、图片、脚本、CSS等）都会默认访问base标签中定义的地址。使用base标签必须配置href属性，target属性为可选属性。 <base href="www.luanqibazao.com/test/" target="_blank"> meta 　　meta标签提供了一些基本的元数据
订阅 meta