html
文章平均质量分 87
勤奋小学童
这个作者很懒,什么都没留下…
展开
-
HTML的基础知识(1)
一 、元素 (1)元素的语法:html元素以该是标签起始,以结束标签终止;元素的内容是开始标签和结束标签之间的内容; 注:没有内容的元素是空元素“br、hr”(2)属性:html元素可以设置属性,属性可以在元素中添加附加信息。一般描述于开始标签,并且属性总是以名称/值对的形式出现。name=“value”二、html常用的标签介绍(1)标题 <h1></h1> <h2></h2>原创 2016-12-11 18:19:44 · 526 阅读 · 0 评论 -
nodejs-websocket 实现单聊和群聊
nodejs-websocket 实现单聊和群聊下载nodejs-websocket https://github.com/sitegui/nodejs-websocket 最新公司有需求交给我一个任务,研究下关于websocket的即时通讯。写了一个在上面的基础上有优化了界面,也增加了功能 使用nodejs-websocket的步骤 1、npm init 创建packag原创 2017-09-03 12:02:43 · 12686 阅读 · 2 评论 -
html5 新增 websocket(2) 原理
我们在上篇文章中说道websocket是一个客户端和服务器端之间进行的非HTTP的通信机制,是双向的、实时的、永久的。http的工作原理(1)http协议是在应用层的协议,是基于TCP的,http连接的建立需要3次握手才能发送消息。http://blog.csdn.net/enre_enre/article/details/54619813这篇文章详细的原创 2017-08-31 14:54:58 · 559 阅读 · 0 评论 -
html5 新增 web socket(1)
最近在工作中用到了websocket,在逐步的总结下这块的知识。这篇文章不会讲很多原理性的东西,还下感性的认识下websocket,后面也附带了一个Demo。我会在后面逐步深入的理解websocket之后在写文章总结学习心得。一、websocket的基本知识1、websocket是HTML5 提供的在Web应用程序中客户端和服务器端之间进行的非HTTP的通信机制。原创 2017-08-31 14:41:40 · 622 阅读 · 0 评论 -
html5 contenteditable 可编辑属性
今天在工作中遇到了这样的需求。如上gif显示。于是就仔细的看下了 h5新增的这个可编辑属性 contenteditablecontenteditable 属性规定是否可编辑元素的内容。contenteditable 可以设置为true/falseul{margin: 0;padding: 0;}ul li{display:原创 2017-08-31 10:47:46 · 7719 阅读 · 0 评论 -
html5 新元素和Canvas
(1)HTML5 新元素自1999年以后HTML 4.01 已经改变了很多,今天,在HTML 4.01中的几个已经被废弃,这些元素在HTML5中已经被删除或重新定义。为了更好地处理今天的互联网应用,HTML5添加了很多新元素及功能,比如:图形的绘制,多媒体内容,更好的页面结构,更好的形式 处理,和几个api拖放元素,定位,包括网页 应用程序缓存,存储,网络工作者,等。原创 2017-07-21 13:38:51 · 558 阅读 · 0 评论 -
html 内敛SVG
HTML5 内联 SVG什么是SVG?SVG 指可伸缩矢量图形 (Scalable Vector Graphics)SVG 用于定义用于网络的基于矢量的图形SVG 使用 XML 格式定义图形SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失SVG 是万维网联盟的标准SVG优势与其他图像格式相比(比如 JPEG 和 GIF),使用 SVG原创 2017-07-21 13:32:09 · 532 阅读 · 0 评论 -
HTML 链接和图像
一、链接点击链接可以跳转到指定的界面,也可以跳转到当前界面的指定位置; 超链接可以是一个字,一个词,一个图片等。默认情况下: 当鼠标放到网页的某个链接上时,箭头会变成一个小手; 一个未访问过得链接显示蓝色的字体并带有下划线; 访问过的链接显示为紫色并带有下划线; 点击链接时,链接显示为红色并带有下划线;属性: href=“链接的地址”; target:定义被链接的文档在何处显示; t原创 2016-12-11 18:35:39 · 633 阅读 · 0 评论 -
flex布局,flex:1的计算
一、flex的属性梳理注意,设为 Flex 布局以后,子元素的float、clear和vertical-align属性将失效。(1)flex1的计算规则第一步:先明确:flex 是 flex-grow | flex-shrink | flex-basis 的缩写。1、默认情况:flex:0 1 auto;2、flex取值为none 0 0 auto;3、flex取值au...原创 2019-02-26 17:22:10 · 6272 阅读 · 1 评论