关于HTML-优快云博客

本文链接：https://blog.youkuaiyun.com/zzzlln/article/details/123253725

本文介绍了HTML5中行内元素如`<span>`、块级元素如`<p>`，以及如何通过manifest文件实现离线存储，包括创建manifest、编写缓存清单和利用applicationCache操作。原理涉及.appcache文件的离线资源缓存机制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.行内元素有哪些？块级元素有哪些？空元素有哪些？

（1）行内元素有：a b span img input select strong
（2）块级元素有： div ul ol li dl dt dd h1 h2 h4...p
（3）常见的空元素：<br><hr>

2.HTML5的离线存储怎么使用以及工作原理

如何使用：
（1）创建一个和 html 同名的 manifest 文件，然后在页面头部像下面一样加入一个
manifest 的属性。
<html lang="en" manifest="index.manifest">
（2）在如下 cache.manifest 文件的编写离线存储的资源。

CACHE MANIFEST
#v0.11
CACHE:
js/app.js
css/style.css
NETWORK:
resourse/logo.png
FALLBACK:
/ /offline.html
（3）在离线状态时，操作 window.applicationCache 进行离线缓存的操作。

原理：HTML5 的离线存储是基于一个新建的 .appcache 文件的缓存机制（不是存储技术），
通过这个文件上的解析清单离线存储资源，这些资源就会像 cookie 一样被存储了下来。之
后当网络在处于离线状态下时，浏览器会通过被离线存储的数据进行页面展示。