<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0">
  <channel>
    <title>琼殿技术论坛 - HTML论坛</title>
    <link>https://bbs.qiongdian.com/f-85-1</link>
    <description>Latest 20 threads of HTML论坛</description>
    <copyright>Copyright(C) 琼殿技术论坛</copyright>
    <generator>Discuz! Board by Discuz! Team</generator>
    <lastBuildDate>Tue, 05 May 2026 21:02:02 +0000</lastBuildDate>
    <ttl>60</ttl>
    <image>
      <url>https://bbs.qiongdian.com/static/image/common/logo_88_31.gif</url>
      <title>琼殿技术论坛</title>
      <link>https://bbs.qiongdian.com/</link>
    </image>
    <item>
      <title>HTML5中的document.visibilityState</title>
      <link>https://bbs.qiongdian.com/t-57369-1-1.html</link>
      <description><![CDATA[在 HTML5 中，文档对象（即 document 对象）具有一个 visibilityState  属性，该属性表示当前文档对象的可见性状态。
 visibilityState 可能的取值有以下三种：
- visible ：表示文档当前处于激活状态，即当前选项卡处于前台或当前窗口处于屏幕最上层。-    hidden ：表 ...]]></description>
      <category>HTML论坛</category>
      <author>铉霸</author>
      <pubDate>Fri, 05 May 2023 06:13:00 +0000</pubDate>
    </item>
    <item>
      <title>超酷！！HTML5 Canvas 水流样式 Loading 动画</title>
      <link>https://bbs.qiongdian.com/t-57373-1-1.html</link>
      <description><![CDATA[今天我们要分享另外一款基于HTML5 Canvas的液体流动样式Loading加载动画，这款Loading动画在加载时会呈现液体流动的动画效果，并且由于和背景颜色的对比，也略微呈现发光的动画效果。
效果预览

代码实现
HTML代码
接下来我们讲讲实现这个加载动画的大致思路和实现过程 ...]]></description>
      <category>HTML论坛</category>
      <author>小刘除三害</author>
      <pubDate>Sat, 16 Apr 2022 08:54:00 +0000</pubDate>
    </item>
    <item>
      <title>html5调用摄像头截图</title>
      <link>https://bbs.qiongdian.com/t-57367-1-1.html</link>
      <description><![CDATA[关于html5调用音视频等多媒体硬件的API已经很成熟，不过一直找不到机会把这些硬件转化为实际的应用场景，不过近年来随着iot和AI的浪潮，我觉得软硬结合的时机已经成熟。那我们就提前熟悉下怎么操作这些多媒体硬件吧，首先图像识别是其中最热门的应用场景，首先实现调用 ...]]></description>
      <category>HTML论坛</category>
      <author>请叫我齐天大圣</author>
      <pubDate>Sun, 26 Dec 2021 06:42:00 +0000</pubDate>
    </item>
    <item>
      <title>HTML5与CSS3知识点总结</title>
      <link>https://bbs.qiongdian.com/t-57374-1-1.html</link>
      <description><![CDATA[HTML常用标签总结
手摸手带你学CSS


好好学习，天天向上

本文已收录至我的Github仓库DayDayUP：github.com/RobodLee/DayDayUP，欢迎Star

⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐
原文链接：https://blog.csdn.net/weixin_43461520/article/details/113201713
⭐⭐⭐⭐⭐⭐⭐⭐⭐⭐

H ...]]></description>
      <category>HTML论坛</category>
      <author>北京暖心陪诊张姐</author>
      <pubDate>Tue, 26 Jan 2021 15:12:00 +0000</pubDate>
    </item>
    <item>
      <title>html5 播放 rtsp</title>
      <link>https://bbs.qiongdian.com/t-57370-1-1.html</link>
      <description><![CDATA[目前大多数网络摄像头都是通过 RTSP 协议传输视频流的，但是&amp;nbsp;html&amp;nbsp;并不标准支持 RTSP 流。除了 Firefox&amp;nbsp;浏览器可以直接播放 RTSP 流之外，几乎没有其他浏览器可以直接播放 RTSP 流。Electron 应用是基于 Chromium 内核的，因此也不能直接播放 RTSP 流。
 ...]]></description>
      <category>HTML论坛</category>
      <author>抖音网友</author>
      <pubDate>Mon, 14 Sep 2020 05:50:00 +0000</pubDate>
    </item>
    <item>
      <title>简单介绍HTML5 Landmark</title>
      <link>https://bbs.qiongdian.com/t-57360-1-1.html</link>
      <description><![CDATA[最近在进行无障碍相关文档翻译的时候遇到了 landmark 的概念，在网上搜了下发现没有相关的中文资料，因此写一篇博客简单介绍一下。
什么是 Landmark
Landmark 是一种用来表示网页组织结构的方法。通常一个网页可以被切分成几个大块

以一个视频网站为例，网页的最上方是 ...]]></description>
      <category>HTML论坛</category>
      <author>罪丶</author>
      <pubDate>Sun, 06 Sep 2020 17:50:00 +0000</pubDate>
    </item>
    <item>
      <title>基于 HTML5 WebGL  的发动机 3D 可视化系统</title>
      <link>https://bbs.qiongdian.com/t-57359-1-1.html</link>
      <description><![CDATA[前言
工业机械产品大多体积庞大、运输成本高，在参加行业展会或向海外客户销售时，如果没有实物展示，仅凭静态、简单的图片说明书介绍，无法让客户全面了解产品，不仅工作人员制作麻烦，客户看得也费力。如果能在 Web 上做 3D 设备展示，销售人员可以不限平台随时给客户 ...]]></description>
      <category>HTML论坛</category>
      <author>一炁</author>
      <pubDate>Wed, 18 Mar 2020 16:01:00 +0000</pubDate>
    </item>
    <item>
      <title>HTML5调用摄像头录制视频</title>
      <link>https://bbs.qiongdian.com/t-57366-1-1.html</link>
      <description><![CDATA[HTML5调用摄像头录制视频不支持ie，ie下不支持webrtc，无法使用navigator.getUserMedia调用摄像头
&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html&amp;gt;

&amp;lt;head&amp;gt;
    &amp;lt;title&amp;gt;video recoder&amp;lt;/title&amp;gt;
    &amp;lt;script src=\&quot;fileSaver.js\&quot;&amp;gt;&amp;lt;/script&amp;gt;
    &amp;lt;meta http-equiv=\&quot;Content-Type\&quot;]]></description>
      <category>HTML论坛</category>
      <author>燃烧你温暖我</author>
      <pubDate>Mon, 09 Mar 2020 07:10:00 +0000</pubDate>
    </item>
    <item>
      <title>HTML5 视频流行插件之video.js</title>
      <link>https://bbs.qiongdian.com/t-57356-1-1.html</link>
      <description><![CDATA[Video.js 是一个通用的在网页上嵌入视频播放器的 JS 库，Video.js 自动检测浏览器对 HTML5 的支持情况，如果不支持 HTML5 则自动使用 Flash 播放器。
（要支持ie低版本请下载5.4.3版 ）点击进入官网
&amp;nbsp;
下载地址：http://www.jq22.com/jquery-info404
也可以使用cdn ...]]></description>
      <category>HTML论坛</category>
      <author>烈马</author>
      <pubDate>Thu, 05 Mar 2020 13:10:00 +0000</pubDate>
    </item>
    <item>
      <title>快速开发 HTML5 交互式地铁线路图</title>
      <link>https://bbs.qiongdian.com/t-57364-1-1.html</link>
      <description><![CDATA[前言
前两天在 echarts 上寻找灵感的时候，看到了很多有关地图类似的例子，地图定位等等，但是好像就是没有地铁线路图，就自己花了一些时间捣鼓出来了这个交互式地铁线路图的 Demo，地铁线路上的点是在网上随便下载了一个，这篇文章记录自己的一些收获（毕竟我还是个菜 ...]]></description>
      <category>HTML论坛</category>
      <author>冰水临界</author>
      <pubDate>Mon, 06 Jan 2020 07:37:00 +0000</pubDate>
    </item>
    <item>
      <title>HTML5中的视频播放</title>
      <link>https://bbs.qiongdian.com/t-57363-1-1.html</link>
      <description><![CDATA[HTML5 留给我印象最深的之一就是 Video 标签了，毕竟之前在被 Flash 统治下确实非常难受，现在使用 HTML5 播放器别提多爽了。
但是，我对视频这块了解真的并不是很深，于是稍微研究了下。
预备知识
最近几年 HTML5 这个词越来越流行，但是别以为 HTML5 最近几年才开始出 ...]]></description>
      <category>HTML论坛</category>
      <author>品人</author>
      <pubDate>Thu, 26 Dec 2019 03:23:00 +0000</pubDate>
    </item>
    <item>
      <title>HTML5新特性——自定义滑动条（input[type=&quot;range&quot;]）</title>
      <link>https://bbs.qiongdian.com/t-57355-1-1.html</link>
      <description><![CDATA[HTML 4.01 与 HTML5之间的差异
以下 input 的 type属性值是 HTML5 中新增的：
color、date、datetime、datetime-local、month、week、time、email、number、range、search、tel 和 url。

input的type属性
设置input的type=\&quot;range\&quot;即可得到滑动条控件，如下：
&amp;lt;input id ...]]></description>
      <category>HTML论坛</category>
      <author>闫蕊芝</author>
      <pubDate>Fri, 29 Nov 2019 08:31:00 +0000</pubDate>
    </item>
    <item>
      <title>五分钟学会HTML5的WebSocket协议</title>
      <link>https://bbs.qiongdian.com/t-57358-1-1.html</link>
      <description><![CDATA[1、背景
  很多网站为了实现推送技术，所用的技术都是Ajax轮询。轮询是在特定的的时间间隔由浏览器对服务器发出HTTP请求，然后由服务器返回最新的数据给客户端的浏览器。这种传统的模式带来很明显的缺点，即浏览器需要不断的向服务器发出请求，然而HTTP请求可能包含较 ...]]></description>
      <category>HTML论坛</category>
      <author>藏剑道人</author>
      <pubDate>Fri, 22 Nov 2019 00:12:00 +0000</pubDate>
    </item>
    <item>
      <title>HTML5测试（二）</title>
      <link>https://bbs.qiongdian.com/t-57371-1-1.html</link>
      <description><![CDATA[&amp;nbsp;HTML5测试（四）
1、input 元素中，下列哪个类型属性定义了输入电话号码的控件？
A、mob
B、tel
C、mobile
D、telephone
答案：B
具有 type 属性的 input 元素，其值为 “tel”，表示用于输入电话号码的单行纯文本编辑控件

&amp;nbsp;2、哪个元素表示用于生成公钥-私 ...]]></description>
      <category>HTML论坛</category>
      <author>亮彬</author>
      <pubDate>Tue, 05 Nov 2019 17:28:00 +0000</pubDate>
    </item>
    <item>
      <title>HTML5测试（一）</title>
      <link>https://bbs.qiongdian.com/t-57365-1-1.html</link>
      <description><![CDATA[HTML5测试一
1. 问题：HTML5 之前的 HTML 版本是什么？
A、HTML 4.01
B、HTML 4
C、HTML 4.1
D、HTML 4.9
答案：A
HTML5 是 HTML 最新的修订版本，由万维网联盟（W3C）于 2014 年 10 月完成标准制定。目标是取代 1999 年所制定的 HTML 4.01 和 XHTML 1.0 标准。

&amp;nbsp; ...]]></description>
      <category>HTML论坛</category>
      <author>东莞铭匠品质门窗</author>
      <pubDate>Tue, 05 Nov 2019 11:59:00 +0000</pubDate>
    </item>
    <item>
      <title>HTML5拖放排序</title>
      <link>https://bbs.qiongdian.com/t-57357-1-1.html</link>
      <description><![CDATA[最近在项目中遇到了拖动排序的需求，所以就学习了一下H5的新属性，写篇博客记录一下。
draggable属性是指定当前元素可以被拖动的属性；我们要为需要拖动的元素设置该属性

&amp;lt;div id=\&quot;columns\&quot;&amp;gt;
  &amp;lt;div class=\&quot;column\&quot; draggable=\&quot;true\&quot;&amp;gt;&amp;lt;header&amp;gt;A&amp;lt;/header&amp;gt;&amp;lt;/div&amp;gt;
  &amp;lt;div  ...]]></description>
      <category>HTML论坛</category>
      <author>丫是传说栍</author>
      <pubDate>Sun, 13 Oct 2019 12:32:00 +0000</pubDate>
    </item>
    <item>
      <title>基于HTML5 WebGL的工业化3D电子围栏</title>
      <link>https://bbs.qiongdian.com/t-57361-1-1.html</link>
      <description><![CDATA[前言
现代工业化的推进在极大加速现代化进程的同时也带来的相应的安全隐患，在传统的可视化监控领域，一般都是基于 Web SCADA 的前端技术来实现 2D 可视化监控，本系统采用 Hightopo 的 HT for Web 产品来构造轻量化的 3D 可视化场景，该 3D 场景从正面展示了一个现代化 ...]]></description>
      <category>HTML论坛</category>
      <author>萝卜先生</author>
      <pubDate>Wed, 09 Oct 2019 00:45:00 +0000</pubDate>
    </item>
    <item>
      <title>基于 HTML5 和 WebGL 的地铁站 3D 可视化系统</title>
      <link>https://bbs.qiongdian.com/t-57372-1-1.html</link>
      <description><![CDATA[前言
工业互联网，物联网，可视化等名词在我们现在信息化的大背景下已经是耳熟能详，日常生活的交通，出行，吃穿等可能都可以用信息化的方式来为我们表达，在传统的可视化监控领域，一般都是基于 Web SCADA 的前端技术来实现 2D 可视化监控，本系统采用 Hightopo 的 HT  ...]]></description>
      <category>HTML论坛</category>
      <author>黄岩</author>
      <pubDate>Thu, 03 Oct 2019 02:25:00 +0000</pubDate>
    </item>
    <item>
      <title>HTML5介绍</title>
      <link>https://bbs.qiongdian.com/t-57362-1-1.html</link>
      <description><![CDATA[HTML5介绍
H5的特点
1）更简洁、但是在实际开发中要注意书写规范，利于后期维护
2）标签的语义化
扩展：语义化的重要性：
&amp;nbsp;&amp;nbsp;① 当页面加载失败的时候，还能够呈现出清晰的结构
&amp;nbsp;&amp;nbsp;② 有利于SEO优化，利于被搜索引擎收录（即便于网络爬虫的识别）
&amp;nb ...]]></description>
      <category>HTML论坛</category>
      <author>顺好</author>
      <pubDate>Sun, 15 Sep 2019 07:16:00 +0000</pubDate>
    </item>
    <item>
      <title>HTML5 - 3D 旋转相册</title>
      <link>https://bbs.qiongdian.com/t-57368-1-1.html</link>
      <description><![CDATA[&amp;nbsp; &amp;nbsp; 前一段时间，突然看到一个炫酷的3D旋转相册，这里记录一下，先看效果图：

HTML5 代码如下：

&amp;lt;!DOCTYPE html&amp;gt;
&amp;lt;html lang=\&quot;en\&quot;&amp;gt;

&amp;lt;head&amp;gt;
    &amp;lt;meta charset=\&quot;UTF-8\&quot;&amp;gt;
    &amp;lt;title&amp;gt;HTML5 3D旋转图片相册 可鼠标悬停&amp;lt;/title&amp;gt;
    &amp;lt;style text=\&quot;text/css\&quot;&amp;gt;
  ...]]></description>
      <category>HTML论坛</category>
      <author>做人不能太渣</author>
      <pubDate>Sat, 14 Sep 2019 03:08:00 +0000</pubDate>
    </item>
  </channel>
</rss>