meta标签的组成:meta标签共有两个属性
标签:
一 引入:什么是前端?
任何与用户打交道的操纵界面都可以称之为一个前端
电脑显示界面
手机界面
ipad
==web处事的素质==:
浏览器窗口输入一个网址敲回车产生了哪些事?
1.朝着指定的处事端发送请求
2.处事端接收相应的请求
3.处事端返回相应的响应
4.浏览器接收响应 凭据特定的法则衬着页面展示给用户看
超文本传输协议
规定了浏览器与处事端之间数据传输的格局
==四大特性==:
1.基于请求响应
一次请求对应一次响应
2.基于TCP/IP感化于应用层之上的协议
3.无状态
不保存客户真个状态
4.无连接
长链接 websocket(类似于http协议的大补丁) 与聊天室相关
==数据格局==:
请求格局:
请求首行(请求方法 协议版本)
请求头(提前发送给处事真个它需要知道的信息,k,v键值对)
(空行)
请求体(携带的数据 并不是一直都有 有时候可能是空的 取决于你的请求方法)
响应格局
响应首行(响应状态码)
响应头(一大堆k,v键值对)
(空行)
响应体(浏览器展示给用户看的数据)
响应状态码
用数字来暗示一大堆提示信息
1XX:处事端已经告成接收到客户真个数据正在措置惩罚惩罚 你可以继续提交
2XX:200请求告成 处事端已经返回了你想要的数据
3XX:重定向(原本想访谒A但是内部自动给你转到了B上面)
4XX:404请求资源不存在,403你当前不具备请求该资源的条件
5XX:500处事端内部错误
公司内部可以本身定制本身的响应状态码
==请求方法==:
1.get请求
朝处事器要资源 (获取数据)
类似于浏览器窗口输入获取百度首页
2.post请求
朝处事端提交数据(提交数据)
类似于登录注册成果
超文本符号语言(Hypertext Markup Language, HTML)是一种用于创建网页的符号语言。
素质上是浏览器可识另外法则,我们凭据法则写网页,浏览器按照法则衬着我们的网页。对付差此外浏览器,对同一个标签可能会有差此外解释。(兼容性问题)
网页文件的扩展名:.html或.htm
扩展常识点:xml也可以书写前端页面 主要用于odoo框架中 书写企业内部打点软件(ERP)
==HTML注释==
注释是代码之母 单行注释:<!--单行--> 多行注释:<!-- 多行注释1 多行注释2 -->==HTML文档布局==
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> </body> </html> 说明: <!DOCTYPE html>声明为HTML5文档。 <html>、</html>是文档的开始符号和结束的符号。在它们之间是文档的头部(head)和主体(body)。 <head>、</head>head内放的内容不是给用户看的 是给浏览器去识别做相应操纵的 <title>、</title>界说了网页标题,在浏览器标题栏显示。 <body>、</body>之间的文本是可见的网页主体内容,是浏览器展示给用户看的.==标签应该具备的属性==
id属性:类似于身份证号,用来独一标识当前html页面中的某一个标签
在同一个html页面中 id值不能反复
class属性:类似于面向东西的担任
直接引用另外类的样式
==标签的分类==
第一种分类:
1.双标签
2.自闭和标签
第二种分类:
1.块级标签
独有一行 h1~h6 p br hr div
2.行内标签
u s i b span
注意:
凡是块级标签内部可以嵌套任意的块级标签和行内标签
p虽然是块级标签,但是它的内部只能嵌套行内标签,不能嵌套块级标签.(如果嵌套了也没事,只是不切合html语规则范)
(一)head内常用标签: <title></title> 界说网页标题 <script></script> 界说JS代码或引入外部JS文件 <link/> 引入外部的css文件 <style></style> 界说内部样式表,撑持直接写css代码 1.内部可以直接编写js代码 2.可以通过src属性引用外部js代码 <meta/> 界说网页原信息 Meta标签介绍: <meta>元素可供给有关页面的元信息(mata-information),针对搜索引擎和更新频度的描述和关键词。 <meta>标签位于文档的头部,不包罗任何内容。 <meta>供给的信息是用户不偏见的。 meta标签的构成:meta标签共有两个属性,它们分袂是http-equiv属性和name 属性,差此外属性又有差此外参数值,这些差此外参数值就实现了差此外网页成果。 1.http-equiv属性:相当于http的文件头感化,它可以向浏览器传回一些有用的信息,以辅佐正确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。 <!--指定文档的编码类型(需要知道)--> <meta http-equiv="content-Type" charset=UTF8"> <!--2秒后跳转到对应的网址,注意引号(了解)--> <meta http-equiv="refresh" content="2;URL=https://www.oldboyedu.com"> <!--报告IE以第一流模式衬着文档(了解)--> <meta http-equiv="x-ua-compatible" content="IE=edge"> 2.name属性: 主要用于描述网页,与之对应的属性值为content,,content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。 <meta name="keywords" content="meta总结,html meta,meta属性,meta跳转"> <meta name="description" content="牛逼网站"> (二)body内常用标签温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/32336.html