meta标签

HTML 中meta标签的学习!

北战南征 提交于 2019-12-01 02:29:50
所有浏览器都支持 <meta> 标签。 <meta> 标签 位于文档的头部 ,不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。 <meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。 在 HTML 中,<meta> 标签 没有结束标签 。 必需的属性 属性: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 属性值的格式。 来源: oschina 链接: https://my.oschina.net/u/563488/blog/208829

html

痴心易碎 提交于 2019-12-01 01:31:40
1. 1 Web服务本质 import socket sk = socket.socket() sk.bind(("127.0.0.1", 8080)) sk.listen(5) while True: conn, addr = sk.accept() data = conn.recv(8096) conn.send(b"HTTP/1.1 200 OK\r\n\r\n") conn.send(b"<h1>Hello world!</h1>") conn.close() 浏览器发请求 --> HTTP协议 --> 服务端接收请求 --> 服务端返回响应 --> 服务端把HTML文件内容发给浏览器 --> 浏览器渲染页面 1. 2 HTML是什么? 超文本标记语言(Hypertext Markup Language, HTML)是一种用于创建网页的标记语言。 本质上是浏览器可识别的规则,我们按照规则写网页,浏览器根据规则渲染我们的网页。对于不同的浏览器,对同一个标签可能会有不同的解释。(兼容性问题) 网页文件的扩展名:.html或.htm 1. 3 HTML不是什么? HTML是一种标记语言(markup language),它不是一种编程语言。 HTML使用标签来描述网页。 1 | 4 HTML文档结构 最基本的HTML文档: <!DOCTYPE html> <html lang=

META标签的设置

笑着哭i 提交于 2019-11-30 23:16:49
㈠定义及用法 ⑴<meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词。 ⑵<meta> 标签位于文档的头部,不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。 ⑶元数据(metadata)是关于数据的信息。元数据总是以名称/值的形式被成对传递的。 ⑷典型的情况是,meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。 ⑸元数据可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。 ㈡可选属性 注意: 当有http-equiv或者name属性时,必须要有content属性,content 属性提供了名称/值对中的值,content属性定义与 http-equiv 或 name 属性相关的元信息。content始终要和 name 属性或 http-equiv 属性一起使用。 ㈢name属性 ⑴定义元数据的名称,与content属性包含的值相关联。HTML 和 XHTML 标签都没有指定任何预先定义的 <meta> 名称。通常情况下,您可以自由使用对自己和源文档的读者来说富有意义的名称。 ⑵application-name:定义正运行在该网页上的网络应用名称 •简单的网页不应该去定义 ⑶author:文档的作者名称 ⑷description

前端---HTML

自古美人都是妖i 提交于 2019-11-30 19:25:17
HTML介绍 Web服务本质 import socket sk = socket.socket() sk.bind(("127.0.0.1", 8080)) sk.listen(5) while True: conn, addr = sk.accept() data = conn.recv(8096) conn.send(b"HTTP/1.1 200 OK\r\n\r\n") conn.send(b"<h1>Hello world!</h1>") conn.close() 浏览器发请求 --> HTTP协议 --> 服务端接收请求 --> 服务端返回响应 --> 服务端把HTML文件内容发给浏览器 --> 浏览器渲染页面 HTML是什么? 超文本标记语言(Hypertext Markup Language, HTML)是一种用于创建网页的标记语言。 本质上是浏览器可识别的规则,我们按照规则写网页,浏览器根据规则渲染我们的网页。对于不同的浏览器,对同一个标签可能会有不同的解释。(兼容性问题) 网页文件的扩展名:.html或.htm HTML不是什么? HTML是一种标记语言(markup language),它不是一种编程语言。 HTML使用标签来描述网页。 HTML文档结构 最基本的HTML文档: <!DOCTYPE html> <html lang="zh-CN"> <head>

HTML

眉间皱痕 提交于 2019-11-30 19:03:20
HTML 目录 web标准介绍 浏览器介绍 开发工具介绍 html介绍 html概念 html的网络术语 编写HTML的规范 HTML的基本语法特征 html结构 html 颜色表示 颜色表示 RGB色彩模式 html 标签 html 标签分类 html中的特殊字符 web标准介绍 web标准: w3c:万维网联盟组织,用来制定web标准的机构(组织) web标准:制作网页遵循的规范 web标准规范的分类:结构标准、表现标准、行为标准。 结构:html。表示:css。行为:Javascript。 总结说明: 结构标准:相当于人的骨架。html就是用来制作网页的。 表现标准: 相当于人的衣服。css就是对网页进行美化的。 行为标准: 相当于人的动作。JS就是让网页动起来,具有生命力的  如果大家还不明白,请看下图 浏览器介绍 浏览器是网页运行的平台,常用的浏览器有IE、火狐(Firefox)、谷歌(Chrome)、猎豹浏览器、Safari和Opera等 浏览器内核 : 浏览器 内核 IE trident chrome blink 火狐 gecko Safari webkit PS:「浏览器内核」也就是浏览器所采用的「渲染引擎」,渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。 总结:渲染引擎是兼容性问题出现的根本原因。 开发工具介绍 Sublime Text的使用

前端知识之HTML内容

泪湿孤枕 提交于 2019-11-30 16:55:37
前端知识之HTML内容 HTML介绍 Web服务本质 import socket sk = socket.socket() sk.bind(("127.0.0.1", 8080)) sk.listen(5) while True: conn, addr = sk.accept() data = conn.recv(8096) conn.send(b"HTTP/1.1 200 OK\r\n\r\n") conn.send(b"<h1>Hello world!</h1>") conn.close() 浏览器发请求 --> HTTP协议 --> 服务端接收请求 --> 服务端返回响应 --> 服务端把HTML文件内容发给浏览器 --> 浏览器渲染页面 HTML是什么? 超文本标记语言(Hypertext Markup Language, HTML)是一种用于创建网页的标记语言。 本质上是浏览器可识别的规则,我们按照规则写网页,浏览器根据规则渲染我们的网页。对于不同的浏览器,对同一个标签可能会有不同的解释。(兼容性问题) 网页文件的扩展名:.html或.htm HTML不是什么? HTML是一种标记语言(markup language),它不是一种编程语言。 HTML使用标签来描述网页。 HTML文档结构 最基本的HTML文档: <!DOCTYPE html> <html lang="zh

百度前端学院第一天笔记

江枫思渺然 提交于 2019-11-30 14:41:08
第一天笔记 一些说明,我希望自己可以一个月走完百度前端科技学院的课程,我会坚持每天做作业,希望我能坚持下来。这个笔记我会放在两个地方,我的博客园 sogeisetsu.cnblogs.com 和我的GitHub https://github.com/sogeisetsu/suy-ife 我对前端的理解 我对前端浅显的理解就是显示在用户面前的页面 前端的语言 html 这是最基础的,好比一个人的身体 css 这个好比一个人的衣服 JavaScript 这个好比一个人的动作 我觉得一个优秀的前端页面就像一个人,他必须是鲜活的,他有自己的身体 (html) 有自己的骨架,但他不应该赤身裸体的站出来,他至少应该穿上衣服 (css) ,但衣服就足够了吗?答案是否定的,他作为一个鲜活的人应该是动态的,他有自己的动作和表达 (JavaScript) 才算是鲜活的。 第一天学的几个标签 基本骨架 <!DOCTYPE html> <html> <head> </head> <body> </body> </html> 头部 <tittle></tittle> 是标题 <meta> meta标签描述了一些基本的元数据。 标签- 使用实例 为搜索引擎定义关键词: <meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">

meta标签

落爺英雄遲暮 提交于 2019-11-30 14:33:58
平时开发你可能只用一个meta标签,而不了解meta其他的功能,其实,一个好的meta设计可以大大提高你的网站被搜索到的可能性! Refresh (刷新)不推荐使用 用法: 1 <Meta http-equiv="Refresh" Content="时间(s);url=网址"> 说明:让网页多长时间(秒)刷新自己,或在多长时间后让网页自动链接到其它网页。 Expires (期限) 用法: 1 <Meta http-equiv="Expires" Content="Wed, 26 Feb 1997 08:21:57 GMT"> 说明:指定网页在缓存中的过期时间,一旦网页过期,必须到服务器上重新调阅。 注意:必须使用GMT的时间格式,或直接设为0(数字表示多少时间后过期)。 Window-target (显示窗口的设定) 用法: 1 <Meta http-equiv="Widow-target" Content="_top"> 说明:强制页面在当前窗口以独立页面显示。 注意:这个属性是用来防止别人在框架里调用你的页面。Content选项:_blank、_top、_self、_parent 那些年meta中的name Keywords (关键字) 用法: 1 <Meta name="Keywords" Content="关键词1,关键词2,关键词3,关键词4,……"> 注意

web前端设计与开发---head元素

江枫思渺然 提交于 2019-11-30 12:53:05
HEAD元素 1.1 title元素 页面的标题位于<title>标签内,可以包含任何字符或实体。除了在浏览器的标题栏中显示标题外,标题还有其他的用处,例如在大多数浏览器中,标题可以用作默认的快捷方式或收藏夹的名称;标题还可以作为搜索引擎结果中的页面标题。在设计页面时,应该为每个网页添加标题;标题要与内容有相关性,且尽可能简洁。 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charst="utf-8"> 5 <title>这是标题</title> 6 </head> 7 <body></body> 8 </html> 1.2 meta元素 meta元素用于向客户的浏览器传递信息和命令,而不是用来显示内容的。一个<head>标签中可以包含多个<meta>标签。 <meta>标签主要分为两大类:一类对页面进行设计,一类针对搜索引擎进行设置。<meta>标签常用的属性特征描述为。 <!DOCTYPE html> <html> <head> <meta charst="utf-8"> <meta http - equiv = "Content - Type" content = "text/html"> <meta http - equiv = "Refresh" content = "5;url = http://www.baidu.com"/

前端学习阶段性练习题

拥有回忆 提交于 2019-11-30 12:13:47
1.在浏览器的控制台中打印九九乘法表 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> </body> <script type="text/javascript"> var str=''; // 1*1=1\t\n2*1=2\t2*2=4\t for(var i=1;i<10;i++){ for(var j=1;j<=i;j++){ str+=i+'*'+j+'='+(i*j)+'\t'; } str+='\n'; } console.log(str); //控制台打印 </script> </html> View Code 2. 在浏览器的控制台中打印等边三角形 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> </body> <script type="text/javascript"> var index=11; //行数必须是奇数 var str=''; for(var i=1;i<=index;i++){ //加入空格 for(var j=0;j<index-i;j++)