Learning Path

HTML tutorials

Browse tutorials and chapters for HTML.

Frontend

HTML, CSS, JavaScript, browser APIs, frontend frameworks, and UI engineering.

Tutorials

TUTORIALFrontendFetched/HTML

HTML5 服务器发送事件(Server-Sent Events)

HTML5 服务器发送事件(Server-Sent Events) HTML5 服务器发送事件（server-sent event）允许网页获得来自服务器的更新。 Server-Sent 事件 - 单向消息传递 Server-Sent 事件指的是网页自动获取来自服务器的更新。以前也可能做到这一点，前提是网页不得不询问是否有可用的更新。通过服务器发送事件，更新能够自动到达。例子：Facebook/Twitter 更新、股价更新、..

TUTORIALFrontendFetched/HTML

HTML5 SVG

HTML5 SVG SVG 定义为可缩放矢量图形。 HTML5 支持内联 SVG。 HTML <svg> 元素是 SVG 图形的容器。 SVG 有多种绘制路径、框、圆、文本和图形图像的方法。 SVG Sorry, your browser does not support inline SVG. 什么是SVG？ SVG 指可伸缩矢量..

TUTORIALFrontendFetched/HTML

HTML(5) 代码规范

HTML(5) 代码规范 HTML 代码约定很多 Web 开发人员对 HTML 的代码规范知之甚少。在2000年至2010年，许多Web开发人员从 HTML 转换到 XHTML。使用 XHTML 开发人员逐渐养成了比较好的 HTML 编写规范。而针对于 HTML5 ，我们应该形成比较好的代码规范，以下提供了几种规范的建议。使用正确的文档类型文档类型声明位于HTML文档的第一行： <!DOCTYPE ..

TUTORIALFrontendFetched/HTML

HTML5 Video(视频)

function checkVideo() { let support = '非常棒！你的浏览器支持HTML5 video标签！', someSupport = 'Meh. Some support.', notSupport = 'Sorry. No video support.', vidTest = document.createElement('vid..

TUTORIALFrontendFetched/HTML

HTML5 Web IndexedDB 数据库

HTML5 Web IndexedDB 数据库 IndexedDB 是一种基于浏览器的 NoSQL 数据库，用于在客户端持久化存储大量结构化数据。 IndexedDB 允许通过键值对存储复杂的数据对象（如对象、数组、文件等），并支持事务、索引、版本控制和复杂查询操作。 IndexedDB 是异步的，不会阻塞主线程，适合离线应用程序、缓存等场景。 IndexedDB 非常适合需要存储大量结构化数据的应用程序，尤其是那些希望支持离线模式..

TUTORIALFrontendFetched/HTML

HTML5 Web SQL 数据库

HTML5 Web SQL 数据库 Web SQL 的状态：Web SQL API 已经被废弃，不再推荐使用。新的浏览器标准更倾向于使用 IndexedDB 来处理客户端存储。Web SQL 只在某些老旧的浏览器中仍有支持。替代方案：由于 Web SQL 的未来不确定性和不再有广泛支持，建议转向使用 IndexedDB，它是一种支持事务、键值对存储的现代浏览器 API。 Web SQL 数据库 API 并不是 HTM..

TUTORIALFrontendFetched/HTML

HTML5 WebSocket

HTML5 WebSocket WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。 WebSocket 使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在 WebSocket API 中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。在 WebSocket API 中，浏览器和服务器只需要做一个握手的动作，然后，浏..

TUTORIALFrontendFetched/HTML

HTML5 Web 存储

HTML5 Web 存储 HTML5 web 存储，一个比 cookie 更好的本地存储方式。什么是 HTML5 Web 存储? 使用HTML5可以在本地存储用户的浏览数据。早些时候,本地存储使用的是 cookie。但是Web 存储需要更加的安全与快速. 这些数据不会被保存在服务器上，但是这些数据只用于用户请求网站数据上.它也可以存储大量的数据，而不影响网站的性能. 数据以键/值对存在, web网页的数据只允许该网页访问使..

TUTORIALFrontendFetched/HTML

HTML5 Web Workers

HTML5 Web Workers web worker 是运行在后台的 JavaScript，不会影响页面的性能。什么是 Web Worker？当在 HTML 页面中执行脚本时，页面的状态是不可响应的，直到脚本已完成。 web worker 是运行在后台的 JavaScript，独立于其他脚本，不会影响页面的性能。您可以继续做任何愿意做的事情：点击、选取内容等等，而此时 web worker 在后台运行。浏览器支持 ..