meta标签

前端之HTML

元气小坏坏 提交于 2019-12-01 10:19:47
一、HTML 1、HTML介绍 1.1 Web服务本质 浏览器发送请求 HTTP协议 服务端接收请求 服务端返回响应 服务端把HTML文件内容发送给浏览器 浏览器渲染页面 1.2 HTML是什么? 超文本标记语言(Hypertext Markup Language,HTML)是一种用于创建网页的标记语言。 本质上是浏览器可识别的规则,我们按照规则写网页,浏览器根据规则渲染我们的网页。对于不同的浏览器,对同一个标签可能会有不同的解释。(兼容性问题) 网页文件的拓展名:.html或.htm 1.3 HTML不是什么? HTML是一种标记语言(markup language),它不是一种编程语言。 HTML使用标签来描述网页。 1.4 HTML文档结构 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>css样式优先级</title> </head> <body> </body> </html> ==<!DOCTYPE html>==声明为HTML5文档。 ====、====是文档的开始标记和结束标记。是HTML页面的根元素,在它们之间是文档的头部(head)和主体(body)。 ====、====定义了HTML文档的开头部分。它们之间的内容不会在浏览器的文档窗口显示。它包含了文档的元

前端基础之HTML

丶灬走出姿态 提交于 2019-12-01 10:14:27
前端基础之HTML 一、什么是HTML HTML:是一种超文本标记语言(Hypertext Markup Language,HTML),是一种用于创建网页的标记语言。 本质上是浏览器可识别的规则,我们按照规则写网页,浏览器更具规则渲染我们的网页。对于不同的浏览器,对同一个标签可能会有不同的解释。(兼容问题) 网页文件的扩展名:.html或.htm(在文件后缀名只有能是三位的时候使用,现在基本不用) HTML是标记语言,不是编程语言,使用标签来描述网页。 二、HTML文档结构 最基础的HTML文档: <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>css样式优先级</title> </head> <body> </body> </html> <!DOCTYPE html> 声明为HTML5文档。 <html> </html> 是文档的开始标记和结束标记。是HTML页面的根元素,在它之间是文档的头部(head)和主体(body)。 <head> </head> 定义了HTML文档的开头部分。他们之间的内容不会在浏览器的文档窗口显示。包含了文档的元(meta)数据。 <title> </title> 定义了网页标题,在浏览器标题栏显示。 <body> </body>

HTML

只愿长相守 提交于 2019-12-01 10:14:14
HTML web标准 w3c:万维网联盟组织,用来制定web标准的机构 web标准:制作网页遵循的规范 web标准的规范:结构标准,表现标准,行为标准 结构:html 表示:css 行为:javascript(js) 总结说明: 结构标准:相当于人的骨架。html就是用来制作网页的。 表现标准:相当于人的衣服。css是用来给网页进行美化的。 行为标准:相当于人的动作。JS就是让网页动起来,具有生命力 浏览器介绍: 强烈推荐: 浏览器 内核 火狐浏览器 gecko 谷歌浏览器 blink PS:「浏览器内核」也就是浏览器所采用的「渲染引擎」,渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。 总结:渲染引擎是兼容性问题出现的根本原因。 开发工具 Visual Studio Code WebStorm Sublime text PyCharm .... html介绍 html全称(HyperText Markup Language): 超文本标记语言 ,不是一种编程语言。 是一种描述性的标记语言,用来描述超文本的显示方式。比如字体,颜色,大小等。 超文本:音频,视频,图片称为超文本 标记:称为标记,一个html页面都是由各种标记组成 作用 :html是负责描述文档 语义 的语言 注意 :HTML语言不是编程语言,而是一个标记语言( 没有编译过程 )

HTML学习(1)简介

喜夏-厌秋 提交于 2019-12-01 09:26:30
HTML学习(1)简介 HTML---HyperText Markup Language,超文1654948748本标记语言,是一种用于创建网页的标准标记语言。 注意: 对于中文网页需要使用 <meta charset="utf-8"> 声明编码,否则会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码,则你需要设置为 <meta charset="gbk">。 后缀名:html或htm 标记语言不是编程语言,是一套 标记标签 ,HTML使用标记标签来描述网页,HTML文档(也叫 web页面 )包含了HTML标签和文本内容。 一个简单的HTML实例: < ! DOCTYPE html > //声明为 HTML5 文档 < html > // <html> 元素是 HTML 页面的根元素 < head >      // <head> 元素包含了文档的元(meta)数据,如 <meta charset="utf-8"> 定义网页编码格式为 utf-8 。 < meta charset = " utf-8 " > < title > 菜鸟教程(runoob.com) </ title > // <title> 元素描述了文档的标题 </ head > < body >      // <body> 元素包含了可见的页面内容 < h1 > 我的第一个标题 </ h1 >

Mata标签,og标签

妖精的绣舞 提交于 2019-12-01 08:59:35
一、Mata标签      meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的<head>与</head>中。meta 的属性有两种:name和http-equiv。name属性主要用于描述网页,对应于content(网页内容),以便于搜索引擎机查找、分类。这其中最重要的是description(站点在搜索引擎上的描述)和keywords(分类关键词),所以应该给每页加一个meta值。 name 属性 1、<meta name="renderer" content="webkit">   content的取值为webkit,ie-comp,ie-stand之一,区分大小写,分别代表用页面默认使用 webkit内核,IE兼容内核,IE标准内核。 2、<meta name="viewport" content="width=device-width, initial-scale=1">   上面的一行代码可以让网页的宽度自动适应手机屏幕的宽度:   注: 在iOS9中要想起作用,得加上"shrink-to-fit=no" <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user

前端之HTML

て烟熏妆下的殇ゞ 提交于 2019-12-01 08:44:06
目录 Web服务的本质 HTML HTML是什么 HTML文档结构 HTML标签格式 HTML常用标签 head内常用标签 Meta标签 body内常用标签 基本标签(块级标签和内联标签) 特殊字符 div标签和span标签 img标签 a标签 列表 表格 form input select标签 label标签 textarea多行文本 标签的总结: Web服务的本质 import socket sk=socket.soket() sk.bind(('127.0.0.1',8006)) sk.listen(5) while 1: conn,addr=sk.accept() data=conn.recv(1024) conn.send(b'hello') conn.close() 浏览器发送请求--》HTTP协议--》服务端接收请求--》服务端返回响应--》服务端将HTML的内容发给浏览器--》浏览器渲染页面 HTML HTML是什么 HTML是超文本标记语言,是一种用于创建网页的语言,它不是一种编程语言。 本质上是浏览器可是别的规则,我们按照规则写网页,浏览器根据规则渲染我们的网页。对于不同的浏览器,对同一个标签可能会有不同的解释。 网页文件的拓展名:.html,.htm HTML使用标签来描述网页 HTML文档结构 <!DOCTYPE html> <html lang="en">

html介绍

梦想的初衷 提交于 2019-12-01 08:14:56
目录 1 HTML介绍 1.1 web服务的本质 1.2 HTML是什么? 1.3 HTML 不是什么? 1.4 html文档结构 1.5 HTML标签的格式 1.6HTML 注释 1.7 标签<!DOCTYPE> 2 HTML常用标签 2.1head内常用的标签 2.2特殊字符 2.3 body内常用的标签 2.4列表 2.5表格 3 表单 3.1 input 3.2 select标签 3.3label标签 3.4textarea多行文本 标签的总结: 1 HTML介绍 1.1 web服务的本质 import socket server = socket.socket() server.bind(('127.0.0.1',8080)) server.listen(5) conn,addr = server.accept() data = conn.recv(1024) conn.send(b'HTTP/1.1 200 OK\r\n\r\n') conn.send(b'<h1>Hellow world!</h1>') conn.close() 过程:浏览器发出请求——>HTTP协议——>服务端接收请求——>服务端返回响应——>服务端把HTML 文件内容发送给浏览器——>浏览器进而渲染页面。 1.2 HTML是什么? 超文本标记语言(Hypertext Markup Language

常用标签

ⅰ亾dé卋堺 提交于 2019-12-01 07:28:46
常用标签 一、head内常用标签 标签 意义 <title></title> 定义网页标题 <style></style> 定义内部样式表 <script></script> 定义JS代码或引入外部JS文件 <link/> 引入外部样式表文件或网站图标 <meta/> 定义网页原信息 Meta标签 <meta> 元素可提供有关页面的元信息(mata-information),针对搜索引擎和更新频度的描述和关键词。 <meta> 标签位于文档的头部,不包含任何内容。 <meta> 提供的信息是用户不可见的。 meta标签的组成: ​ meta标签共有两个属性,它们分别是http-equiv属性和name 属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。 http-equiv属性: ​ 相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。 <!--指定文档的编码类型(需要知道)--> <meta http-equiv="content-Type" charset=UTF8"> <!--2秒后跳转到对应的网址,注意引号(了解)--> <meta http-equiv="refresh" content="2;URL=https://www

关于meta标签

人盡茶涼 提交于 2019-12-01 06:55:47
1.<meta> 元素可提供有关页面的元信息(meta-information),比如针对 搜索引擎 和更新频度的描述和关键词。<meta> 标签位于文档的头部,不包含任何内容。 2.<meta> 标签的属性定义了与文档相关联的名称/值对。 3.常见的代码: <meta http-equiv="content-Type" content="text/html; charset=gb2312" > <meta http-equiv="X-UA-Compatible" content="IE=edge" />; <meta name ="keywords" content="science,education,culture,politics,ecnomics,relationships,entertainment,human"> 即:<meta> 标签永远位于 head 元素内部。元数据总是以名称/值的形式被成对传递的。 4.meta标签共有两个属性,它们分别是http-equiv属性和name属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。 一. name属性 name属性主要用于描述 网页 ,与之对应的 属性值 为content,content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。 meta标签的name属性语法格式是:<meta

前端知识之html

感情迁移 提交于 2019-12-01 06:09:33
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(1024) conn.send(b"http/1.1 200 ok\r\n\r\n") conn.send(b"<h1>hello world</h1>") conn.close() 浏览器发请求---》http协议--》服务端接收请求---》服务端返回响应--》服务端把html文件内容发给浏览器---》浏览器渲染页面 html是什么 1、超文本标记语言 2、本质上是浏览器可识别的规则,我们按照规则写网页,浏览器根据规则渲染我们的网页,对于不同的浏览器,对同一个标签可能会有不同的解释 3、网页文件的扩展名:.html或.htm html不是什么 html是一种标记语言,它不是一种编程语言。html使用标签来描述网页 html文档结构 <!DOCTYPE html> <html lang="zh-CN" <head> <meta charset='utf-8'> <title>css样式优先级</title> </head> <body> </body> </html> <! DOCTYPE html