正文

html和websocket初识

Bigberg  2022-02-11  223

关键词：

一、web框架

　　众所周知，对于所有的Web应用，本质上其实就是一个socket服务端，用户的浏览器其实就是一个socket客户端。

import socket
  
def handle_request(client):
    buf = client.recv(1024)
    client.send(b"HTTP/1.1 200 OK\r\n\r\n")
    client.send(b"Hello, Bigberg")
  
def main():
    sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
    sock.bind(('localhost',8000))
    sock.listen(5)
  
    while True:
        connection, address = sock.accept()
        handle_request(connection)
        connection.close()
  
if __name__ == '__main__':
    main()

　　上述通过socket来实现了其本质，而对于真实开发中的python web程序来说，一般会分为两部分：服务器程序和应用程序。服务器程序负责对socket服务器进行封装，并在请求到来时，对请求的各种数据进行整理。应用程序则负责具体的逻辑处理。为了方便应用程序的开发，就出现了众多的Web框架，例如：Django、Flask、web.py 等。不同的框架有不同的开发方式，但是无论如何，开发出的应用程序都要和服务器程序配合，才能为用户提供服务。这样，服务器程序就需要为不同的框架提供不同的支持。这样混乱的局面无论对于服务器还是框架，都是不好的。对服务器来说，需要支持各种不同框架，对框架来说，只有支持它的服务器才能被开发出的应用使用。这时候，标准化就变得尤为重要。我们可以设立一个标准，只要服务器程序支持这个标准，框架也支持这个标准，那么他们就可以配合使用。一旦标准确定，双方各自实现。这样，服务器可以支持更多支持标准的框架，框架也可以使用更多支持标准的服务器。

　　WSGI（Web Server Gateway Interface）是一种规范，它定义了使用python编写的web app与web server之间接口格式，实现web app与web server间的解耦。

二、Html是什么

超文本标记语言（Hypertext Markup Language，HTML）通过标签语言来标记要显示的网页中的各个部分。一套规则，浏览器认识的规则
浏览器按顺序渲染网页文件，然后根据标记符解释和显示内容。但需要注意的是，对于不同的浏览器，对同一标签可能会有不完全相同的解释（兼容性）
静态网页文件扩展名：.html 或 .htm

三、Html结构

<!DOCTYPE html> 告诉浏览器使用什么样的html或者xhtml来解析html文档
<html></html>是文档的开始标记和结束标记。此元素告诉浏览器其自身是一个 HTML 文档，在它们之间是文档的头部<head>和主体<body>
<head></head>元素出现在文档的开头部分。<head>与</head>之间的内容不会在浏览器的文档窗口显示，但是其间的元素有特殊重要的意义。
<title></title>定义网页标题，在浏览器标题栏显示。
<body></body>之间的文本是可见的网页主体内容

四、Html标签格式　　

　　标签的语法：

　　　　<标签名属性1=“属性值1” 属性2=“属性值2”……>内容部分</标签名>
　　　　<标签名属性1=“属性值1” 属性2=“属性值2”…… />

五、Html注释

注释 

<!DOCTYPE html>
# 单行注释
<!-- 这是注释格式 -->
<!--DOCTYPE 对应关系-->
<html lang="en">
# 多行注释
<!-- html标签,只能有一个html标签，标签内部可以写属性，
    lang="en"就是内部属性-->

<head>
    <!--head标签中定义的东西外部看不见,除了title标签,title是标题 -->
    <meta charset="UTF-8">
    <!-- 指定字符编码 -->
    <title>网页标题</title>
    <!---->
</head>
<body>
    <a href="http://www.baidu.com">百度</a>
</body>
</html>

初识websocket及java服务端的简单实现

概念：WebSocket是一种在单个TCP连接上进行全双工通信的协议。WebSocket使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在WebSocketAPI中，浏览器和服务器只需要完成一次握手，两者之间就直接... 查看详情

初识signalr(代码片段)

SIgnalR是微软开发的一套通信组件，如果听说过websocket的话，那么SignalR功能和websocket类似，提供客户端和服务端的实时通信。SignalR客户端可用于.net平台和js上，服务端（afaik）是在.net上的。对于js和服务器间的通信，signalR相较于... 查看详情

初识html和web标准

初识HTML和WEB标准什么是HTML？HTML超文本标记语言的缩写(HyperTextMarkupLanguage)HTML并不是编程语言，而是一种标记语言(markuplanguage)标记<英文单词或者字母>称为标记，一个HTML页面都是由各种标记组成。标记语言一套标记标签(marku... 查看详情

初识html和css

HTML1、一套规则，浏览器认识的规则。2、开发者：学习Html规则开发后台程序：-写Html文件（充当模板的作用）******-数据库获取数据，然后替换到html文件的指定位置（Web框架）3、本地测试-找到文件路径，直接浏览器打开-pycharm打... 查看详情

javascript初识

一.html:内容。css:格式。javaScript:动作。 html中的所有标签可以有name和id属性。java和javascript没什么联系。java需要编译，javaScrpt是解释性语言。需要在Html文件中放置javascript程序。可以放在html的<head>和<body>标签里边，... 查看详情

html初识

一、网页　　网页一般是由文字、图片和超链接等元素组成。程序员通过代码编写（HTML）和浏览器的渲染使一个完整的网页呈现出来！　　市面上的主流浏览器有：谷歌、苹果、火狐、欧鹏、ie。浏览器最重要或者说核心的... 查看详情

初识html5

给大家推荐一下学习研究HTML5必备的一些个网站，更加有利于大家对HTML5的学些和研究。如果各位童鞋还有更多的，欢迎投递资源给我们，也可以支持我们，让我们利用大家的力量收集更多的HTML5学习资料，让我们的开发者和HTML5... 查看详情

初识html

一个好的网页,需要用到html、css和javascript。　　html是承载网页的内容（就是为了放内容）　　css是对网页内容的样式(为了美观)　　javascript是网页的行为（实现网页的动态性）下面是一个基本的html结构：<!DOCTYPEHTML>//告... 查看详情

jquery初识

jQuery是什么？jQuery是一个兼容多浏览器的JavaScript库。jQuery能极大地简化JavaScript编程，它的宗旨就是："Writeless,domore."jQuery包含以下内容：HTML元素选取HTML元素操作CSS操作HTML事件函数JavaScript特效和动画HTMLDOM遍历和修改AJAX下载链接... 查看详情

html初识

HTML是超级文本语言，它是标准通用标记语言下的一个应用。也是一种规范，一种标准，它通过标记符号来标记要显示的网页的各个部分。它本身是一种文本文件。可通过文本文档来编写。HTML语言比較简单。懂得一些主... 查看详情

html复习笔记初识html

HTML一、HTML是什么？HTML是超文本标记语言：一种用于创建网页的标准标记语言。使用标记标签来描述网页，告诉浏览器如何解析HTML文件。tips：超文本与普通文本的区别：普通的文本：纯字符超文本：图片、链接、音视频...二、H... 查看详情

1.html初识

一.认识什么是纯文本文件txt　　windows中自带一个软件,叫做记事本,记事本保存的文档格式就是txt格式,就是英语text的缩写,术语上,称呼这个文件为"纯文本格式"　　.doc文件与.txt文件的不同点　　　　.doc文件:　　文件能够保存内... 查看详情

html5websocket

大连SEO：WebSocket是HTML5开始提供的一种在单个TCP连接上进行全双工通讯的协议。WebSocket使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在WebSocketAPI中，浏览器和服务器只需要完成一次握手... 查看详情

html5websocket

WebSocket是HTML5开始提供的一种在单个TCP连接上进行全双工通讯的协议。WebSocket使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在WebSocketAPI中，浏览器和服务器只需要完成一次握手，两者之... 查看详情

html5websocket

html标签初识

标签<strong></strong>标签和<em>/em>一样，用于强调文本，但它强调的程度更强一些。<!DOCTYPEhtml>声明文档类型为HTMLh1标题标签只有6级，都默认加粗显示，独占一行h1标题最好在页面中只使用，便于被搜索引擎收录... 查看详情

使用html5的websocket实现服务端和客户端数据通信（有演示和源码）

WebSocket协议是基于TCP的一种新的网络协议。WebSocket是HTML5开始提供的一种浏览器与服务器间进行全双工通讯的网络技术。依靠这种技术可以实现客户端和服务器端的长连接，双向实时通信。WebSocket最大特点就是，服务器可以主动... 查看详情

初识css

CSS：页面美化和布局控制概念：CascadingStyleSheets层叠样式表层叠：多个样式可以作用在同一个html的元素上，同时生效好处：功能强大将内容展示和样式控制分离降低耦合度。解耦让分工协作更容易提高开发效率CSS的使用：CSS与htm... 查看详情