前端开发之HTML与Http协议

最新推荐文章于 2021-08-11 11:23:58 发布
最新推荐文章于 2021-08-11 11:23:58 发布
阅读量679 收藏 4
点赞数 1
文章标签： html http
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Dr_BigJoe/article/details/104372989
版权
本文详细介绍了HTML的基础，包括HTML的定义、标签、属性、标签以及head和body标签的用法。接着讲解了HTTP协议，涵盖HTTP概述、请求协议（GET和POST的区别）和响应协议，阐述了HTTP的无状态特性和Keep-Alive机制。
摘要由CSDN通过智能技术生成

前端开发之HTML与Http协议

一、HTML

1. HTML基础

  • htyper text markup language 即超文本标记语言。
  • 超文本: 就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
  • 标记语言: 标记（标签）构成的语言。
  • 网页==HTML文档，由浏览器解析，用来展示的。
  • 静态网页：静态的资源，如xxx.html
  • 动态网页：html代码是由某种开发语言根据用户请求动态生成的。

html文档树形结构图：
在这里插入图片描述

2.什么是标签

 - 是由一对尖括号包裹的单词构成 例如: <html> *所有标签中的单词不可能以数字开头。
 
 - 标签不区分大小写.<html> 和 <HTML>. 推荐使用小写。
  
 - 标签分为两部分: 开始标签<a> 和 结束标签</a>. 两个标签之间的部分 我们叫做标签体。
 
 - 有些标签功能比较简单.使用一个标签即可.这种标签叫做自闭和标签.例如: <br/> <hr/> <input /> <img /> 
  
 - 标签可以嵌套.但是不能交叉嵌套. <a><b></a></b>

3. 标签的属性

  • 通常是以键值对形式出现的. 例如 name=“alex” 。
  • 属性只能出现在开始标签 或 自闭和标签中。
  • 属性名字全部小写. *属性值必须使用双引号或单引号包裹 例如 name=“alex” 。
  • 如果属性值和属性名完全一样.直接写属性名即可. 例如 readonly 。

4. <!DOCTYPE html>标签

  • 由于历史的原因，各个浏览器在对页面的渲染上存在差异，甚至同一浏览器在不同版本中，对页面的渲染也不同。在W3C标准出台以前，浏览器在对页面的渲染上没有统一规范，产生了差异(Quirks mode或者称为Compatibility Mode)；由于W3C标准的推出，浏览器渲染页面有了统一的标准(CSScompat或称为Strict mode也有叫做Standars mode)，这就是二者最简单的区别。
  • W3C标准推出以后，浏览器都开始采纳新标准，但存在一个问题就是如何保证旧的网页还能继续浏览，在标准出来以前，很多页面都是根据旧的渲染方法编写的，如果用的标准来渲染，将导致页面显示异常。为保持浏览器渲染的兼容性，使以前的页面能够正常浏览，浏览器都保留了旧的渲染方法（如：微软的IE）。这样浏览器渲染上就产生了Quircks mode 和Standars mode，两种渲染方法共存在一个浏览器上。
    window.top.document.compatMode：
//BackCompat：怪异模式，浏览器使用自己的怪异模式解析渲染页面。 
//CSS1Compat：标准模式，浏览器使用W3C的标准解析渲染页面。
  • 这个属性会被浏览器识别并使用，但是如果你的页面没有DOCTYPE的声明，那么compatMode默认就是BackCompat, 这也就是恶魔的开始 – 浏览器按照自己的方式解析渲染页面，那么，在不同的浏览器就会显示不同的样式。如果你的页面添加了<!DOCTYPEhtml>那么，那么就等同于开启了标准模式，那么浏览器就得老老实实的按照W3C的标准解析渲染页面，这样一来，你的页面在所有的浏览器里显示的就都是一个样子了。这就是<!DOCTYPEhtml>的作用。

5. head标签

<meta>标签：
meta标签的组成：meta标签共有两个属性，它们分别是http-equiv属性和name 属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。

  1. name属性主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。

    <meta name="keywords" content="meta总结,html meta,meta属性,meta跳转">
 
<meta name="description" content="老男孩培训机构是由一个老的男孩创建的">

  2. http-equiv顾名思义，相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。

    <meta http-equiv="Refresh" content="2;URL=https://www.baidu.com"> //(注意后面的引号，分别在秒数的前面和网址的后面)
 
<meta http-equiv="content-Type" charset=UTF8">
 
<meta http-equiv = "X-UA-Compatible" content = "IE=EmulateIE7" />

非meta标签：

<title>oldboy</title>
<link rel=
最低0.47元/天 解锁文章
憨憨阿狗
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
http
lilisiyang___的博客
09-12 768
http 用于从WWW服务器传输超文本到本地浏览器的传输协议。 HTTP协议和TCP协议是不冲突的，HTTP定义在七层协议中的应用层，TCP解决的是传输层的逻辑。HTTP使用TCP而不是UDP的原因在于打开一个网页必须传送很多数据，而TCP协议提供传输控制，按顺序组织数据，错误纠正等功能。（可靠传输） HTTP连接使用的是“请求—响应”的方式。在请求前要先建立连接，并且需要客户端向服务器发出请求后，服务器端才能返回响应。 http1.0： 增加post和head 只保持短暂连接，每次TCP连接只能发送
html和http协议一样吗,关于HTTP协议，一篇就够了
weixin_35767338的博客
06-03 1208
原标题：关于HTTP协议，一篇就够了一.HTTP简介1.HTTP协议，即超文本传输协议(Hypertext transfer protocol)。是一种详细规定了浏览器和万维网(WWW = World Wide Web)服务器之间互相通信的规则，通过因特网传送万维网文档的数据传送协议。2.HTTP协议作为TCP/IP模型中应用层的协议也不例外。HTTP协议通常承载于TCP协议之上，有时也承载于TL...
HTTP协议详解
段小宝的博客
06-15 538
HTML叫做超文本标记语言，是一种规范，也是一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容。 HTML文件可以使用任何能够生成txt文件的文本编辑器来编辑，生成超文本标记语言文件，只用修改文件名后缀为”.html”或“.htm”即可。 HTML 基本标签 （1）HTML 语法规则 HTML标签采用双标记符的形式，前后标记符对应，分别表示标记开始和结束，标记符中间的内容被标签描述。前标记符由“”表示，结尾标记符多
HTTP协议(web开发)
aaronthon的博客
03-22 240
&#13; HTTP协议&#13; HTTP协议简介&#13; 超文本传输协议（英文：HyperText Transfer Protocol，缩写：HTTP）是一种用于分布式、协作式和超媒体信息系统的应用层协议。HTTP是万维网的数据通信的基础。&#13; HTTP的发展是由蒂姆·伯纳斯-李于1989年在欧洲核子研究组织（CERN）所发起。HTTP的标准制定由万维网协会（Wo...
html http协议,HTTP协议与HTML form
weixin_35275189的博客
06-03 184
HTTP协议是应用层协议, 全称是HyperText Transfer ProtocolHTTP协议是一种请求回应式的, 一个Request一定会有一个Response格式HTTP的一次请求或者一次应答所发送的包为一个HTTP Message,HTTP Message当然分为Request和Response, 两者都可以分为三个部分起始行 Start Line消息头 Message Heade...
前端开发之CSS原理详解
08-31
浏览器的发展与CSS是前端开发的核心组件，浏览器通过HTTP协议连接网页服务器，获取网页并解析CSS文件。CSS的产生是为了解决早期HTML的显示功能限制，哈坤·利提出了CSS的最初建议，并与伯特·波斯合作设计CSS。CSS的...
前端开发 html5 权威指南 完整版
04-08
《前端开发 HTML5 权威指南》是一本深入解析HTML5技术的专业书籍，全面覆盖了这一现代网页标准的各个方面。HTML5是当前互联网应用开发的基础，它的出现极大地推动了网页和移动应用的发展，使得开发者能够构建更加...
HTML5移动前端开发基础与实战（微课版）-教案.rar
07-12
本教案针对"HTML5移动前端开发基础与实战（微课版）"，旨在为学习者提供系统而全面的HTML5移动开发知识，帮助他们掌握构建响应式、交互性强的移动Web应用技能。 首先，HTML5是超文本标记语言HTML的最新版本，其核心...
前端开发技术规范.docx
04-24
《前端开发技术规范》文档详述了前端开发过程中的各种规范和最佳实践，旨在提高代码一致性，提升多人协作效率，并确保网页性能优化。以下是对文档主要内容的详细解释： 1. **基本规范**： - **结构、样式、行为...
第1章 Web前端开发概述-HTML5+CSS3 Web前端开发与实例教程（微课视频版）配套PPT
最新发布
06-09
通过以上介绍，我们可以了解到Web前端开发不仅涉及到技术层面的内容，还与用户体验、网站设计等多个方面密切相关。对于想要从事Web前端开发的人来说，除了掌握基本的技术技能之外，还需要不断学习最新的技术和趋势，...
HTTP协议Header详解.html
03-27
HTTP协议Header详解是html帮助格式的，方便查询， 通过HTTP协议RFC2616整理的， 目录： 头域定义 2 1 Accept 2 2 Accept-Charset 4 3 Accept-Encoding 5 4 Accept-Language 6 5 Accept-Range 7 6 Age 7 7 Allow 8 8 Authorization （授权） 8 9 Cache-Control 9 1什么是可缓存的 10 2什么能被缓存保存 11 3对基本过期机制的改进 11 4缓存重验证和加载控制（Cache Revalidation and Reload Controls） 13 5 No-Transform缓存控制指令 15 10 Connection 16 11 Content-Encoding 17 12 Content-Language 18 13 Content-Length 18 14 Content-Location 19 15 Content-MD5 19 16 Content-Range 20 17 Content-Type 21 18 Date 22 1没有时钟的源服务器运作 22 19 ETag 23 20 Expect 23 21 Expires 23 22 From 24 23 Host 24 24 If-Match 25 25 If-Modified-Since 26 26 If-None-Match 27 27 If-Range 28 28 If-Unmodified-Since 28 29 Last-Modified 29 30 Location 29 31 Max-Forwards 29 32 Pragma 30 33 Proxy-Authenticate 30 34 Proxy-Authorization 31 35 Range 31 1字节范围 （Byte Ranges） 31 2范围请求（Range Retrieval Requests） 32 36 Referer 33 37 Retry-After 33 38 Server 33 39 TE 34 40 Trailer 35 41 Transfer-Encoding 35 42 Upgrade 35 43 User-Agent 36 .44 Vary 36 45 Via 37 46 Warning 38 47 WWW-Authenticate 39
html和http协议一样吗,HTTP协议与HTML表单（再谈GET与POST的区别）
weixin_39820173的博客
06-03 123
HTTP的GET/POST方式有何区别？这是一个老生常谈的问题，但老生常谈的问题往往有一些让人误解的结论。本文将带您浅尝HTTP协议，在了解HTTP协议的同时将会展示许多被人们忽视的内容。在掌握了HTTP协议的过程中我们将自然而然地了解到GET与POST的本质区别。HTTP请求从使用者的角度看，一个HTTP请求起始于用户端浏览器上输入的一个URL地址；网页中的一个超链接；提交一个HTML表单。但本...
HTTP学习一：HTTP基础知识
weixin_30340353的博客
11-18 87
1 HTTP介绍 HTTP协议（HyperText Transfer Protocol，超文本传输协议）是用于从WWW服务器传输超文本到本地浏览器的传送协议。 它的发展是万维网协会（World Wide Web Consortium）和Internet工作小组IETF（Internet Engineering Task Force）合作的结果。 它可以使浏览器更加高效，使网络传输减少。它不仅保证计...
HTML协议
weixin_44766179的博客
07-25 1208
原文：https://www.cnblogs.com/an-wen/p/11180076.html有所删减 HTTP协议简介 超文本传输协议（英文：HyperText Transfer Protocol，缩写：HTTP）是一种用于分布式、协作式和超媒体信息系统的应用层协议。HTTP是万维网的数据通信的基础。 HTTP是一个客户端终端（用户）和服务器端（网站）请求和应答的标准（TCP）。通过使用网页浏览器、网络爬虫或者其它的工具，客户端发起一个HTTP请求到服务器上指定端口（默认端口为80）。我们称这个客户端
关于HTTP协议与HTML
行云流水
02-06 3806
1.http协议的主体信息部分是使用html来包装的,http协议刚开始是用来传送html的，只是和MIME协议结合才可以传送别的格式数据。2.http与MIME应该分别是两个此协议,MIME可以附属在其他许多协议上,例如SMTP协议,利用MIME协议可以在协议中包含特殊格式的信息文本.例如:在http协议中包含pdf格式的数据,可以在浏览器中打开,在邮件中可以利用MIME协议来包含pdf附件
HTML与HTTP协议
weixin_58345514的博客
08-11 585
一、HTML HTML概述 HTML叫做超文本标记语言，是一种规范，也是一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容。 HTML编辑 HTML文件可以使用任何能够生成txt文件的文本编辑器来编辑，生成超文本标记语言文件，只用修改文件名后缀为”.html”或“.htm”即可。 HTML语法规则 HTML标签采用双标记符的形式，前后标记符对应，分别表示标记开始和结束，标记符中间的内容
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值