meta标签

META标签

﹥>﹥吖頭↗ 提交于 2019-11-26 12:43:01
META标签 1、meta标签的定义   meta标签是head部的一个辅助性标签,提供关于HTML文档的元数据,即是用于描述数据的数据。它并不会显示在页面上,但对于机器是可读的。 简单来说,meta标签就是告诉搜索引擎我的标题是什么?我使用的是什么字符集?我的关键词是什么?我的描述是什么?搜索引擎通过抓取到你这些信息之后,然后展现在搜索栏,最终出现在读者面前。如果没有meta标签,那么搜索引擎就不知道你的网站是干什么的?对于SEO来说,无疑是致命打击。 2、meta标签的作用 meta标签里的数据是供机器解读的,其主要作用有:   搜索引擎优化(SEO)、   描述该HTML网页文档的属性:例如作者、日期和时间、网页描述、关键词、页面刷新等。 3、meta标签的属性 meta一共有两个属性,分别是 name属性和http-equiv属性 。 (1)name属性   name属性主要用于描述网页,比如网页的关键词和描述等,与之对应的属性值为content,content中的内容是对name填入类型的具体描述,便于搜索引擎抓取。   语法格式: <meta name="参数" content=“具体描述”> 其中name属性主要的参数有一下几种: A、keywords(关键字) 说明:用于告诉搜索引擎网页的关键字 举例: <meta name="keywords" content=

钱盾啊

隐身守侯 提交于 2019-11-26 12:14:12
html html可以理解为一个骨架 超文本标记语言(Hypertext Markup Language, HTML)是一种用于创建网页的标记语言。 本质上是浏览器可识别的规则,我们按照规则写网页,浏览器根据规则渲染我们的网页。对于不同的浏览器,对同一个标签可能会有不同的解释。(兼容性问题) 注意:html是一种标记语言,使用标签来描述网页 html文档结构 <!DOCTYPE html> #声明为HTML5文档 <html lang="zh-CN"> #这个lang表示语言,zh-CN是中文的意思,就是说,你整个文档的内容以中文为主,如果以英文为主,就写成lang='en' <head> <meta charset="UTF-8"> #网页信息和源信息 <title>css样式优先级,定义了网页标题,在浏览器标题栏显示。</title> </head> <body>之间的文本是可见的网页主体内容。</body> </html> 注意:对于中文网页需要使用 <meta charset="utf-8"> 声明编码,否则会出现乱码。有些浏览器会设置 GBK 为默认编码,则你需要设置为 <meta charset="gbk">。 html标签格式 1.HTML标签是由尖括号包围的关键字,如<html>, <div>等 2.HTML标签通常是成对出现的,比如:<div>和</div>

HTML Img标签 src为网络地址无法显示图片问题解决(https)

人盡茶涼 提交于 2019-11-26 12:11:50
举例说明: <img src="https://pic.cnblogs.com/avatar/1549846/20191126100502.png" alt="加载失败"> 图片无法显示 只需要在<head>标签内添加 <meta name="referrer" content="no-referrer">就可以了 1 <head> 2 <meta name="referrer" content="no-referrer"> 3 </head> Don't lose hope. You never know what tomorrow will bring. 来源: https://www.cnblogs.com/guozhaoxin/p/11934483.html

Meta的http-equiv属性详解

☆樱花仙子☆ 提交于 2019-11-26 10:15:10
http-equiv顾名思义,相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。 meat标签的http-equiv属性语法格式是:<meta http-equiv="参数" content="参数变量值"> ;其中http-equiv属性主要有以下几种参数: 1、Expires(期限) 说明:可以用于设定网页的到期时间。一旦网页过期,必须到服务器上重新传输。 用法:<meta http-equiv="expires" content="Wed, 20 Jun 2007 22:33:00 GMT"> 注意:必须使用GMT的时间格式。 2、Pragma(cache模式) 说明:禁止浏览器颖镜丶扑慊 幕捍嬷蟹梦室趁婺谌荨?br> 用法:<meta http-equiv="Pragma" content="no-cache"> 注意:这样设定,访问者将无法脱机浏览。 3、Refresh(刷新) 说明:自动刷新并指向新页面。 用法:<meta http-equiv="Refresh" content="2;URL=http://www.net.cn/"> 注意:其中的2是指停留2秒钟后自动刷新到URL网址。 4、Set-Cookie(cookie设定) 说明

前端基础-html(1)

♀尐吖头ヾ 提交于 2019-11-26 10:00:23
什么是前端?   前端    后端 C(client) S(server) B(browser) S(server) 以用户为出发点 一、web标准   1)web准备介绍:      w3c:万维网联盟组织,用来制定web标准的机构(组织)     web标准:制作网页遵循的规范     web准备规范的分类:结构标准、表现标准、行为标准。     结构:html。表示:css。行为:Javascript。   2)web准备总结:     结构标准:相当于人的骨架。html就是用来制作网页的。     表现标准: 相当于人的衣服。css就是对网页进行美化的。     行为标准: 相当于人的动作。JS就是让网页动起来,具有生命力的 二、浏览器介绍   浏览器是网页运行的平台,常用的浏览器有IE、火狐(Firefox)、谷歌(Chrome)、猎豹浏览器、Safari和Opera等。 浏览器内核: 浏览器 内核 IE trident chrom blink 火狐 gecko Safari webkit                           PS:「浏览器内核」也就是浏览器所采用的「渲染引擎」,渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。 总结:渲染引擎是兼容性问题出现的根本原因。 三、开发工具   Sublime Text   WebStorm  

HTML学习

馋奶兔 提交于 2019-11-26 03:42:45
html介绍 什么是HTML 超文本标记语言(Hyper Text Markup Language) 不是一种编程语言,而是一种标记语言 html构成了网页的内容 什么是标记语言? 标记语言是一套标记标签 html使用标记标签来描述网页(内容) html标签 由尖括号包围的关键词,如: \<html>, \<body>, \<a>, \<q> 等 一般都是成对出现,如\<p>\</p>;也有特殊情况,如<br/> 成对标签的第一个叫开始(头)标签,第二个标签叫结束(尾)标签。也可以叫开放标签和闭合标签 网页 网页 = html文档 html文档 = html文档 + 标签内的内容 DOCTYPE文档类型 <!DOCTYPE>文档类型 不是HTML标签,写在最前面 告诉浏览器关于页面使用哪个HTML版本进行编写的指令 浏览器根据使用html版本(规则)来正确地显示内容 常用<!DOCTYPE html>文档类型 HTML 5:<!DOCTYPE html> HTML 4.01 Strict <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> HTML 4.01 Transitional <!DOCTYPE HTML PUBLIC "-//W3C//DTD

js和jq

时光毁灭记忆、已成空白 提交于 2019-11-26 03:38:49
复习 """1、js变量:不写 | var | let | const2、js的基本数据类型:值类型:number | string | boolean | undefined 引用类型:object | function 其它: null | Array | Date3、随机数:parseInt(Math.random() * (n - m + 1)) + m4、类型转换:"" + number => string | +string => number | parseInt(string) => number5、运算符:/ | ++ | === | &&、||、! | 条件? 结果1:结果26、类型的运用:string | [1, 2, 3] splice(index, count, args) | {}7、流程控制8、函数function 函数名(){}var 函数名 = function (){}let 函数名 = () => {}""" 今日内容 """1、js操作页面文档 选择器 页面内容 页面样式 页面事件 2、jq操作页面文档 http://jquery.cuishifeng.cn/""" js操作页面三步骤 <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>操作页面的三步骤</title><

micro-mvc框架支持mvc各层业务代码热部署

烂漫一生 提交于 2019-11-26 00:54:15
micro-mvc框架,可以与springmvc和springcloud整合,使所有的controller、servicebean、dao和sql业务逻辑代码都支持热部署方便开发人员调式和生产部署。 源码与demo地址: https://github.com/jeffreyning/micro-mvc 与springmvc整合过程 编写Controller接口 整合后Springmvc的controller只编写接口,参数名称必须用RequestParam注解。 使用InjectGroovy注解在接口中声明对应的groovy实现名称。 其他与传统springmvc的controller无异。 package foo.web; import java.util.Map; import javax.servlet.http.HttpServletRequest; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestParam; import org.springframework.web.bind

92-94

痞子三分冷 提交于 2019-11-26 00:15:03
jQuery高度以及位置操作 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div style="height: 100px; width: 100px; overflow: auto;"> <p>abc</p><p>abc</p><p>abc</p><p>abc</p><p>abc</p><p>abc</p><p>abc</p> <p>abc</p><p>abc</p><p>abc</p><p>abc</p><p>abc</p><p>abc</p><p>abc</p> <p>abc</p><p>abc</p><p>abc</p><p>abc</p><p>abc</p><p>abc</p><p>abc</p> <p>abc</p><p>abc</p><p>abc</p><p>abc</p><p>abc</p><p>abc</p><p>abc</p> <p>abc</p><p>abc</p><p>abc</p><p>abc</p><p>abc</p><p>abc</p><p>abc</p> <p>abc</p><p>abc</p><p>abc</p><p>abc</p><p>abc</p><p>abc</p><p>abc</p> <

JavaScript进阶

泄露秘密 提交于 2019-11-25 21:47:21
第一节 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 中)的形式返回该元素,