meta标签 | 易学教程

前端学习之路

阅读更多关于前端学习之路

一、HTML介绍 HTML 全称：HyperText Mackeup Language 超文本标记语言什么是超文本比如网页的超链接、图片、音频、视频都成为超文本。什么是标记举个例子：打开sublime，新建index.html，输入一下文字内容，用Chrome游览器打开。什么是语言很简单，假如我是个包工头，工地的工人来自全国各地，那么有河南人，另外还有外国人，工地还有一条狗如果我要让他们干活，说：好好干活对河南人说：‘好好干活’ 对外国人说：“Do you work” 对狗说：’汪汪汪‘ 一样的，我们现在有台计算机，现在在html文件中写内容，计算机上的浏览器会去解析你编写的代码，这些的内容，我们就称为语言。浏览器可以直接解析这种语言。二、HTML结构 <!DOCTYPE html><html lang="en"> <head>　　　　 <meta charset="utf-8"> <title>01常用标签介绍</title> </head> <body> </body> </html> 文档声明它不是html的标签，指明了该页面使用哪个HTML版本进行编译

Js学习

阅读更多关于 Js学习

Js的引入由于单纯的html和css是没有动态的效果的，所以为了增加动画效果，当让js也可以做一些验证的工作。实例我就将我练习的简单例子列一下，方便日后查看。 test1: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <p id="pid"> hello world </p> <script> //js的注释和java的注释是一样的 document.write("666"+"<br/>"); //var是宽松数据类型 var str="hello String"; var i = 10; var j = 10; //var arr = new Array(); var arr = [1,2,3,"string"]; arr[0]=1; document.write("数组长度："+arr.length+"<br>"); document.write("第四个数组元素是："+arr[3]+"<br>"); document.write(i+j); //弹出一个对话框(点击确定之后会显示下一个对话框) alert(arr[3]); function sum(a,b) { alert(a+b); var c = 10; } //var c= sum(10,

<head>内常用标签

阅读更多关于 <head>内常用标签

<!DOCTYPE> 位于文档的最前面，在<html>标签之前，它的作用是告诉浏览器该文档使用的是哪种规范声明文档的解析类型（document.compatMode），避免浏览器进入怪异模式　　 document.compatMode：　　　　怪异模式（BackCompat）：浏览器使用自己的怪异模式来解析渲染页面　　　　标准模式（CSS1Compat）：浏览器使用W3C的标准来解析渲染页面　　这个属性会被浏览器识别并使用，如果不加该声明，那么该属性默认就是BackCompat <head>内常用标签 <meta>标签：　　<meta>元素可提供有关页面的元信息（meta-information）　　<meta>标签位于文档的头部，不包含任何内容　　提供的信息用户不可见 <meta>标签的组成：　　<meta>标签有两个属性，分别是： http-equiv 和 name，不同的属性有不同的参数，这些参数值实现了不同的网页功能　　 name属性：主要用于描述网页，对应的属性值为 content，content 包含的内容主要是便于搜索引擎查找信息和分类信息　　keywords和content配合使用：　　　　keywords：设置网页搜索关键词　　　　content：指定关键词内容 <meta name = "keywords" content

HTML

阅读更多关于 HTML

1、html，css，js的关系 html作为基础，css进行渲染（布局），js进行动画。 2、HTML是什么 htyper text markup language 即超文本标记语言超文本: 就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。标记语言: 标记（标签）构成的语言. 网页==HTML文档，由浏览器解析，用来展示的静态网页：静态的资源，如xxx.html 动态网页：html代码是由某种开发语言根据用户请求动态生成的 html文档树形结构图： 3、标签 3.1 什么是标签是由一对尖括号包裹的单词构成例如: <html> *所有标签中的单词不可能以数字开头. 标签不区分大小写.<html> 和 <HTML>. 推荐使用小写. 标签分为两部分: 开始标签<a> 和结束标签</a>. 两个标签之间的部分我们叫做标签体. 有些标签功能比较简单.使用一个标签即可.这种标签叫做自闭和标签.例如: <br/> <hr/> <input /> <img /> 标签可以嵌套.但是不能交叉嵌套. <a><b></a></b> 3.2 标签的属性通常是以键值对形式出现的. 例如 name="Hme" 属性只能出现在开始标签或自闭和标签中. 属性名字全部小写. *属性值必须使用双引号或单引号包裹例如 name="Hme" 如果属性值和属性名完全一样

vue入门介绍以及语法

阅读更多关于 vue入门介绍以及语法

一丶介绍 1.vue是什么 Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。 Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。官方网站：https://cn.vuejs.org 2、初始Vue.js 创建文件夹vue.js 创建demo.html <!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>  {{message}} </div> <script src='vue.min.js'></script> <script> //创建一个vue new Vue({ el: '#app',

Vue 组件系统

阅读更多关于 Vue 组件系统

vue.js既然是框架，那就不能只是简单的完成数据模板引擎的任务，它还提供了页面布局的功能。本文详细介绍使用vue.js进行页面布局的强大工具，vue.js组件系统。每一个新技术的诞生，都是为了解决特定的问题。组件的出现就是为了解决页面布局等等一系列问题。vue中的组件分为两种，全局组件和局部组件。通过Vue.component()创建一个全局组件之后，我们可以在一个通过 new Vue 创建的 Vue 根实例中，把这个组件作为自定义元素来使用。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../statics/vue.min.js"></script> </head> <body> <div id="app">  <global_component></global_component> </div> <script> // 第一步，注册 Vue.component("global_component", { template: ` <div> <h2>Hello Vue</h2> </div> ` }); new Vue({ el: "#app", }); </script> </body> <

转关于HTML5中meta name="viewport" 的用法不同分辨率手机比例缩放

阅读更多关于转关于HTML5中meta name="viewport" 的用法不同分辨率手机比例缩放

移动端的布局不同于pc端，首先我们要知道在移动端中，css中的1px并不等于物理上的1px，因为手机屏幕的分辨率已经越来越高，高像素但是屏幕尺寸却没有发生太大变化，那就意味着一个物理像素点实际上塞入了好几个像素。在移动端浏览器中以及某些桌面浏览器中，window对象有一个devicePixelRatio属性，它的官方的定义为：设备物理像素和设备独立像素的比例，也就是 devicePixelRatio = 物理像素 / 独立像素。css中的px就可以看做是设备的独立像素，所以通过devicePixelRatio，我们可以知道该设备上一个css像素代表多少个物理像素。例如，在Retina屏的iphone上，devicePixelRatio的值为2，也就是说1个css像素相当于2个物理像素。但是要注意的是，devicePixelRatio在不同的浏览器中还存在些许的兼容性问题，所以我们现在还并不能完全信赖这个东西。还有一个因素也会引起css中px的变化，那就是用户缩放。例如，当用户把页面放大一倍，那么css中1px所代表的物理像素也会增加一倍；反之把页面缩小一倍，css中1px所代表的物理像素也会减少一倍。所以在做移动端开发时，为了使移动端的页面在不同的手机上同样的大小来显示，我们可以将页面的宽度固定，然后获取设备的宽度，可以得到我们之前设定的宽度与设备宽度的比例

HTML基础之HTML标签

阅读更多关于 HTML基础之HTML标签

转： http://www.imdsx.cn/index.php/2017/07/27/html0/ 前端的三把利器 HTML：赤裸的一个人 CSS：华丽的衣服 JS/JavaScript：赋予这个人的行为，也就是动起来 HTML（超文本标记语言） html代码实际上就是一套能够被浏览器所识别的规则代码，由一个个标签组成。html代码就是一大长串字符串，而这种字符串的格式正好能够被浏览器所识别，也就有了我们的WEB页面。后端与前端交互方式 1、后端通过直接返回浏览器能够识别的html代码 2、后端返回数据，前端替换html种的指定数据 HTML标签 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 < ! DOCTYPE html > < ! --标准的 html规则，类似于 Python的解释器 -- > < html lang = "en" > < ! -- html标签 (只能一个 )，指定语言 en -- > < head > < ! -- html head标签的开始 -- > < / head > < ! -- html head标签的结束 -- > < body > < ! -- html body标签的开始 -- > < a href = "http://www.imdsx.cn" >跳转大师兄 < / a > < ! -

HTML5屏幕适配标签设置

阅读更多关于 HTML5屏幕适配标签设置

开发HTML5游戏中，我们常用的一些mata标签: < meta name = "viewport" content = "width=device-width, initial-scale=1, user-scalable=no, minimal-ui" /> 　 width: viewport 的宽度（范围从 200 到 10,000 ，默认为 980 像素） height: viewport 的高度（范围从 223 到 10,000 ） initial-scale: 初始的缩放比例（范围从>0到 10 ） minimum-scale: 允许用户缩放到的最小比例 maximum-scale: 允许用户缩放到的最大比例 user-scalable: 用户是否可以手动缩放下面是我们经常用到的一些标签，由于浏览器的差异，并不能百分百兼容。  < meta name = "apple-mobile-web-app-capable" content = "yes" />   < meta name = "renderer" content = "webkit" >  < meta http

HTML总结

阅读更多关于 HTML总结

HTML基础 <title> <base/> <frameset> <iframe> <!DOCTYPE HTML> <meta http-equiv="Content-Type" content="text/html ;charset=UTF-8"/> <meta charset="UTF-8"> <title> <title>Title</title> <base/> <!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <title>Title</title> <basehref="http://images.cnblogs.com/cnblogs_com/suoning/845162/"/> <basetarget="_blank" /> </head> <body> <imgsrc="o_s.png" alt="图片加载失败。。。"/> <ahref="http://cnblogs.com/suoning/">nick blogs</a> </body> </html> // 上面这段代码中，<img>标签的src属性是一个相对路径，因为<head>中通过base标签设置了链接的默认地址，所以img的src实际的地址是“http://images.cnblogs.com/cnblogs_com

订阅 meta标签