随笔分类 -  HTML5

HTML5学习（19）WebSocket
摘要：https://www.runoob.com/html/html5-websocket.html 阅读全文
posted @ 2020-04-04 07:21 盗哥泡茶去了 阅读(107) 评论(0) 推荐(0)
HTML5学习（18）服务器发送事件
摘要：Server-Sent Events - 单向消息传递 Server-Sent 事件指的是网页自动获取来自服务器的更新。 实例地址 实例解析： 创建一个新的 EventSource 对象，然后规定发送更新的页面的 URL（本例中是 "demo_sse.php"） 每接收到一次更新，就会发生 onme 阅读全文
posted @ 2020-04-04 07:17 盗哥泡茶去了 阅读(153) 评论(0) 推荐(0)
HTML5学习（17）Web Workers
摘要：什么是 Web Worker？ 当在 HTML 页面中执行脚本时，页面的状态是不可响应的，直到脚本已完成。 web worker 是运行在后台的 JavaScript，独立于其他脚本，不会影响页面的性能。您可以继续做任何愿意做的事情：点击、选取内容等等，而此时 web worker 在后台运行。 实 阅读全文
posted @ 2020-04-04 07:06 盗哥泡茶去了 阅读(138) 评论(0) 推荐(0)
HTML5学习（16）应用程序缓存
摘要：什么是应用程序缓存（Application Cache）？ HTML5 引入了应用程序缓存，这意味着 web 应用可进行缓存，并可在没有因特网连接时进行访问。 应用程序缓存为应用带来三个优势： 离线浏览 - 用户可在应用离线时使用它们 速度 - 已缓存资源加载得更快 减少服务器负载 - 浏览器将只从 阅读全文
posted @ 2020-04-04 07:01 盗哥泡茶去了 阅读(171) 评论(0) 推荐(0)
HTML5学习（15）Web存储
摘要：HTML5 web 存储,一个比cookie更好的本地存储方式。 什么是 HTML5 Web 存储? 使用HTML5可以在本地存储用户的浏览数据。 早些时候,本地存储使用的是 cookie。但是Web 存储需要更加的安全与快速. 这些数据不会被保存在服务器上，但是这些数据只用于用户请求网站数据上.它 阅读全文
posted @ 2020-03-31 06:59 盗哥泡茶去了 阅读(172) 评论(0) 推荐(0)
HTML5学习（14）语义元素
摘要：HTML5 语义元素 语义= 意义 语义元素 = 有意义的元素 什么是语义元素? 一个语义元素能够清楚的描述其意义给浏览器和开发者。 无语义 元素实例: <div> 和 <span> - 无需考虑内容. 语义元素实例: <form>, <table>, and <img> - 清楚的定义了它的内容. 阅读全文
posted @ 2020-03-31 06:23 盗哥泡茶去了 阅读(189) 评论(0) 推荐(0)
HTML5学习（13）表单属性
摘要：<form>新属性： autocomplete 规定 form 或 input 域应该拥有自动完成功能。实例地址 novalidate 规定在提交表单时不应该验证 form 或 input 域。布尔值。实例地址 <input>新属性： autocomplete autofocus 规定在页面加载时， 阅读全文
posted @ 2020-03-31 05:42 盗哥泡茶去了 阅读(172) 评论(0) 推荐(0)
HTML5学习（12）表单元素
摘要：HTML5 <datalist> 元素 <datalist> 元素规定输入域的选项列表。 <datalist> 属性规定 form 或 input 域应该拥有自动完成功能。当用户在自动完成域中开始输入时，浏览器应该在该域中显示填写的选项： 使用 <input> 元素的列表属性与 <datalist> 阅读全文
posted @ 2020-03-30 07:21 盗哥泡茶去了 阅读(200) 评论(0) 推荐(0)
HTML学习（11）新的input类型
摘要：HTML5 新的 Input 类型 HTML5 拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。 本章全面介绍这些新的输入类型： color 选取颜色 <input type="color" id="favcolor"> date 选择日期 <input type="date" na 阅读全文
posted @ 2020-03-30 06:39 盗哥泡茶去了 阅读(123) 评论(0) 推荐(0)
HTML5学习（10）video和audio
摘要：Web站点上的视频和音频 直到现在，仍然不存在一项旨在网页上显示视频和音频的标准。 今天，大多数视频是通过插件（比如 Flash）来显示的。然而，并非所有浏览器都拥有同样的插件。 HTML5 规定了一种通过 video 元素/audio 元素来包含视频/音频的标准方法。 <video> 元素支持三种 阅读全文
posted @ 2020-03-29 23:44 盗哥泡茶去了 阅读(273) 评论(0) 推荐(0)
HTML5学习（9）内联SVG
摘要：什么是SVG？ SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用于定义用于网络的基于矢量的图形 SVG 使用 XML 格式定义图形 SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失 SVG 是万维网联盟的标准 SVG优势 与其他图像格式相比（比如 J 阅读全文
posted @ 2020-03-29 22:33 盗哥泡茶去了 阅读(142) 评论(0) 推荐(0)
HTML5学习（8）Canvas
摘要：HTML5 Canvas <canvas> 标签定义图形，比如图表和其他图像，您必须使用脚本来绘制图形。 在画布上（Canvas）画一个红色矩形，渐变矩形，彩色矩形，和一些彩色的文字。 什么是 canvas? HTML5 <canvas> 元素用于图形的绘制，通过脚本 (通常是JavaScript) 阅读全文
posted @ 2020-03-29 22:20 盗哥泡茶去了 阅读(216) 评论(0) 推荐(0)
HTML5学习（7）多媒体元素
摘要：视频元素video <video src="./media/xxx.mp4" controls autoplay muted loop></video> 音频元素audio <audio src="./media/xxx.mp3" controls autoplay muted loop></aud 阅读全文
posted @ 2019-09-17 23:24 盗哥泡茶去了 阅读(223) 评论(0) 推荐(0)
HTML5学习（6）a元素
摘要：a元素代表超链接 href属性 hyper reference：通常代表跳转地址 target属性：_self在本窗口中打开（默认），_blank在新窗口中打开。 id属性：全局属性，表示元素在文档中的唯一编号。 1.普通链接 <a href="//www.baidu.com" target="_b 阅读全文
posted @ 2019-09-17 16:13 盗哥泡茶去了 阅读(399) 评论(0) 推荐(0)
HTML5学习（5）实体字符
摘要：HTML Entity 实体字符通常用于在页面中显示一些特殊符号。 书写方式： 1. &单词; 2. &#数字; 常用实体字符： < &lt; litter than > &gt; greater than 空格 &nbsp; non-breaking space 版权© &copy; & &amp 阅读全文
posted @ 2019-09-17 05:53 盗哥泡茶去了 阅读(236) 评论(0) 推荐(0)
HTML5学习（4）文本元素
摘要：使用VSCode编辑器，内置emmet插件。 ctrl+/ 注释/取消注释 ctrl+enter 新起一行 ctrl+shift+enter 往上新起一行 h$*4>lorem10 <h1>Lorem ipsum dolor sit amet consectetur adipisicing elit 阅读全文
posted @ 2019-09-17 05:36 盗哥泡茶去了 阅读(163) 评论(0) 推荐(0)
HTML5学习（3）元素
摘要：HTML5元素周期表 详情见：http://www.xuanfengge.com/funny/html5/element/ HTML新元素 <canvas> 标签定义图形，比如图表和其他图像。该标签基于 JavaScript 的绘图 API <audio> 定义音频内容 <video> 定义视频（v 阅读全文
posted @ 2019-09-17 04:50 盗哥泡茶去了 阅读(186) 评论(0) 推荐(0)
HTML5学习（2）语义化
摘要：什么是语义化？ 1.每一个HTML元素都有具体的含义，例： a元素：超链接，p元素：段落 2.所有的元素与展示效果无关 元素内容展示到页面中的效果，应该由CSS决定。 因为浏览器带有默认的CSS样式，所以每个元素都有一些默认样式。 选择什么元素，取决于内容的含义，而不是显示出的效果。 为什么要语义化 阅读全文
posted @ 2019-09-17 04:42 盗哥泡茶去了 阅读(123) 评论(0) 推荐(0)
HTML5学习（1）简介
摘要：HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定。 HTML5的设计目的是为了在移动设备上支持多媒体。 HTML5 简单易学。 什么是 HTML5? HTML5 是下一代 HTML 标准。 HTML , HTML 4.01的上一个版本诞生于 1999 年。自从那 阅读全文
posted @ 2019-09-17 02:13 盗哥泡茶去了 阅读(153) 评论(0) 推荐(0)