meta标签

阅读更多关于 meta标签

<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />  <meta content="telephone=no" name="format-detection" />  <meta content="email=no" name="format-detection" />  <meta name="Keywords" content="移动端，meta"/>  <meta name="description" content="移动端meta的用法"/>  <meta content="yes" name="apple-mobile-web-app-capable" /> <!-- iphone的私有标签

手机端的几个meta属性详解

阅读更多关于手机端的几个meta属性详解

(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，且不允许用户点击屏幕放大浏览；尤其要注意的是content里多个属性的设置一定要用分号+空格来隔开，如果不规范将不会起作用。第二个meta标签是iphone设备中的safari私有meta标签，它表示：允许全屏模式浏览；第三个meta标签也是iphone的私有标签，它指定的iphone中safari顶端的状态条的样式；第四个meta标签表示：告诉设备忽略将页面中的数字识别为电话来源： https://www.cnblogs.com/ll-taj/p/5093285.html

2019-4-26 css学习笔记

阅读更多关于 2019-4-26 css学习笔记

CSS简介：Cascading Style Sheets(层叠样式表)的缩写，它是一种用来表现HTML或XML等文件样式的计算机语言。 CSS的作用：是定义网页外观（例如，字体、背景、文本、位置、布局、边缘、列表及其他等),它也可以和JavaScript等浏览器端脚本语言合作做出许多动态效果。所谓的样式表，是样式化HTML的一种方法，HTML是文档的内容，而样式表是文档的表现，或者说是外观。所谓的层叠，就是将一组样式在一起层叠使用，控制某一个或多个HTML元素，按样式表中的属性一次显示。一个样式表可以用于多个页面，甚至整个站点，因此CSS具有良好的易用性和扩展性。从总体来说，使用CSS不仅能够弥补HTML对网页格式化功能的不足，例如段落间距、行距、字体变化和大小等，还可以使用CSS动态更新页面格式，进行排版定位等。CSS特点如下。（1）控制页面中的每个元素（精确定位）。（2）对HTML语言处理样式的最好补充。（3）把内容和格式相分离，减少工作量。 CSS的规则组成： CSS和HTML一样都是由W3C制定的标准。 CSS书写格式和注释写法： p{ font-size:30px; /* color:yellow; */ border:1px solid blue; } 注：p 是选择器 {}的包含的内容是声明 font-size: 30px; 属性：属性值；

第十四周-html、head内标签、body内标签

阅读更多关于第十四周-html、head内标签、body内标签

1、html标签 <!DOCTYPE html>是统一标准 <html></html>标签只能有一个，标签内部可以写属性 注释 html标签中有：head跟body，如下： <html> <head> </head> <body> </body> </html> 2、标签分类自闭和标签：<meta charset="UTF-8"> 主动闭合标签：< title>老男孩</title> 3、head标签（1）<meta/>：　　a、页面编码：< meta http-equiv=“content-type” content=“text/html;charset=utf-8”> 　　b、刷新：< meta http-equiv=“Refresh” Content=“3″>，页面隔3s刷新一次　　c、跳转：< meta http-equiv=”Refresh“ Content=“3″; Url=http://www.autohome.com.cn“ />，当前页面5秒后跳到url页面　　d、关键词与描述：　　　　 < meta name ="keywords" content ="汽车,汽车之家,汽车网,汽车报价,汽车图片,新闻,评测,社区,俱乐部"/>，　　　　 < meta name ="description" content =

【Web前端开发】《零基础入门学习Web开发》（HTML5&CSS3）（小甲鱼）

阅读更多关于【Web前端开发】《零基础入门学习Web开发》（HTML5&CSS3）（小甲鱼）

1 P1:凉凉好像挺厉害的奥？听完了！ 2 P2:HTML是用来描述网页的一种语言官方：超文本标记语言 Hyper Text Markup Language 使用标签来描述网页 < >括起来的就是标签，成双成对开始标签+结束标签 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>第一个程序</title> 5 </head> 6 <body> 7 <h1>Hello world</h1> 8 <p>2020 CS</p> 9 </body> 10 </html> 第一行：声明——由HTML5（最新）编写。声明的作用是帮助编译器去解析你的代码。 html元素：描述所有网页的内容 head元素：所有头部元素的容器 title指定网页的标题 body:包含网页中所有可见的内容 h1:标题的尺寸往下由h1,h2,h3,h4,h5,h6 h1最大 p元素：定义了一个段落，存放文本 P3: 服务器搭建？? 课程案例在线演示：http://demo.fishc.com HTML5速查宝典：http://man.fishc.com/html5 CSS3速查宝典：http://man.fishc.com/css3 扩展阅读：bbs.fishc.com 课堂课后资料阶段考核——项目！！！ img标签——插入一个图片必须设置alt src属性

HTML5 头部【快速编写】

阅读更多关于 HTML5 头部【快速编写】

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> # 设置网页文件展示时使用的字符集(编码) <meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript"> #为搜索引擎定义关键词 <meta name="description" content="　　"> #定义网页描述内容 <meta name="author" content="　　"> # 定义网页作者 <meta http-equiv = "refresh" content = "30" > #每30秒钟刷新当前页面: <link rel="shortcut icon" href="图片url"> 　　　　　　　　　　　　　　　　#可在标题左侧显示logo 　　　　　　　　　　　　　　　　 <title>标题</title> <link rel="stylesheet" type="text/css" href="css的url"> #载入外部css代码 < script type=”text/javascript” src=”js的url” > </ script > #载入外部js代码 </head> #<meta> 标签提供了元数据. 元数据不显示在页面上，但会被浏览器解析

VUE组件

阅读更多关于 VUE组件

v-once指令　　v-once：单独使用，限制的标签内容一旦赋值，便不可被动更改(如果是输入框，可以主动修改) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="app"> <input type="text" v-model="msg"> <input type="text" v-model="msg" v-once> <p>{{ msg }}</p> <p v-once>{{ msg }}</p> </div> </body> <script src="js/vue.js"></script> <script> new Vue({ el: '#app', data: { msg: '初始值' } }) </script> </html> v-cloak指令：防止页面闪烁 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title></title> <style> [v-cloak] { display: none; } </style> </head> <body> <div id="app" v-cloak> {{ }} {{ }} {{

Meta标签详解

阅读更多关于 Meta标签详解

引言　　您的个人网站即使做得再精彩，在“浩瀚如海”的网络空间中，也如一叶扁舟不易为人发现，如何推广个人网站，人们首先想到的方法无外乎以下几种：　　●　在搜索引擎中登录自己的个人网站　　●　在知名网站加入你个人网站的链接　　●　在论坛中发帖子宣传你的个人网站　　很多人却忽视了HTML标签META的强大功效，一个好的META标签设计可以大大提高你的个人网站被搜索到的可能性，有兴趣吗，谁我来重新认识一下META标签吧！　　META标签是HTML语言HEAD区的一个辅助性标签，它位于HTML文档头部的标记和标题 <<标记之间，它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题，或者是定义用户浏览器上的cookie；它可以用于鉴别作者，设定页面格式，标注内容提要和关键字；还可以设置页面使其可以根据你定义的时间间隔刷新自己，以及设置RASC内容等级，等等。　　详细介绍　　下面介绍一些有关标记的例子及解释。　　META标签分两大部分：HTTP标题信息（HTTP-EQUIV）和页面描述信息（NAME）。　　★HTTP-EQUIV 　　HTTP-EQUIV类似于HTTP的头部协议，它回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容。常用的HTTP-EQUIV类型有：　　1、Content-Type和Content-Language

HTML文档头部

阅读更多关于 HTML文档头部

在声明文档类型之后，HTML文档的下一部分为 <html> 标签，告知浏览器应将括在 <html> … </html> 内的所有内容解析为HTML。然后是HTML文档的两个主要部分： <head> 和 <body> 。 <head> 将包含有关页面的常规信息和元数据，本文将详细介绍HTML的文档头部 <head> 概述 <head> 大部分不可见，描述了文档的一些基本的属性和信息(可以呈现的是title和icon)。 <head> 元素下的子元素主要包括 <meta> 、 <title> 、 <base> 、 <link> 、 <style> 和 <script> 这六个元素 meta <meta> 标签(meta-information)用于提供页面有关的元数据，除了提供文档字符集、使用语言、作者等基本信息外，还涉及对关键词和网页等级的设定。通过设置不同的属性，元数据可以分为以下几种: 如果设置了charset，即将对网页使用的字符集作出声明HTML5 如果设置了name，它是一个文档级的元数据，将附着在整个页面上如果设置了http-equiv，它是一个编译指令，即由服务器提供的来指示页面应如何加载如果设置了itemprop，将定义一个用户自定义的元数据(未实现) 1、charset charset声明声明当前文档所使用的字符编码

HTTP --meta详解

阅读更多关于 HTTP --meta详解

meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签，会给你带来意想不到的效果，meta标签的作用有：搜索引擎优化（SEO），定义页面使用语言，自动刷新并指向新的页面，实现网页转换时的动态效果，控制页面缓冲，网页定级评价，控制网页显示的窗口等！ meta标签的组成：meta标签共有两个属性，它们分别是http-equiv属性和name属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。 1、name属性 name属性主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。 meta标签的name属性语法格式是： <metaname="参数"content="具体的参数值">。其中name属性主要有以下几种参数：　 A、Keywords(关键字)　说明：keywords用来告诉搜索引擎你网页的关键字是什么。举例：<metaname="keywords"content="science,education,culture,politics,ecnomics，relationships,entertaiment,human"> B、description(网站内容描述) 说明：description用来告诉搜索引擎你的网站主要内容。举例：

订阅 meta标签