HTML读书笔记

最新推荐文章于 2025-04-12 17:23:20 发布

Ccc1929969359

最新推荐文章于 2025-04-12 17:23:20 发布

阅读量894

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML

本文链接：https://blog.youkuaiyun.com/Ccc1929969359/article/details/80813043

HTML 专栏收录该内容

1 篇文章

订阅专栏

1.块级元素和内联元素

在HTML元素中，通常被划分为块级元素和内联元素，块级元素通常以新的行开始或结束，而内联元素不会以新的行开始。

<div>元素是块级元素，它可以用做组合其他HTML元素的容器。另外div元素的另一个常见用途是文档布局，它取代了以前用<table>进行布局的方式。

<span>为内联元素，可用作文本容器，用来组合文档中的行内元素。

2. HTML5 web存储

一个比cookie更好的本地存储方式，它可以存储大量的数据，而不影响网站性能。数据以键、值对的形式存在，web网页的数据只允许该网页访问使用。

客户端存储数据的两个对象为localStorage和sessionStorage。

localStorage——用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去除。

sessionStorage——用于临时保存同一窗口（或标签页）的数据，在关闭窗口或标签页后，将会删除这些数据。

在使用两种存储方式之前，必须要先检查是否支持这两种存储方式：

if (typeof(Storage)!== undefined){
  //支持时执行的代码
}else{
  //不支持web存储
}

localStorage和sessionStorage可使用的API是一样的，常用的有：

保存数据—— localStorage.setItem(key,value)

读取数据—— localStorage.getItem(key)

删除单个数据—— localStorage.removeItem(key)

删除所有数据—— localStorage.clear()

得到某个索引的Key—— localStorage.key(index)

键值对通常以字符串的形式存储数据，你可以按照自己的需要转换格式。

3.应用程序缓存

如果启用应用程序缓存，需要在<html>标签中包含manifest属性。

<html manifest= "demo.appcache">
...
</html>

其中manifest制定了文件名，建议扩展名为.appcache。注意：manifest需要配置正确的MIME-type类型，即“text/cache-manifest”，且必须在web服务器上配置。

Manifest文件：它是一个简单的文本文件，它告知浏览器被缓存的内容（以及不缓存的内容）。manifest文件可分为三个部分，Cache manifest，在此标题下列出的文件将在首次下载后进行缓存；network，在此标题下的文件需要与服务器的连接，且不会被缓存；fallback，在此标题下列出的文件规定当页面无法访问时的回退页面（比如404页面）。

一个完整的manifest文件示例：

CACHE MANIFEST
# 2012-02-21 v1.0.0
/theme.css
/logo.gif
/main.js

NETWORK:
login.php

FALLBACK:
/html/ /offline.html

其中以#开头的是注释，通过修改日期和版本号是一种使浏览器重新缓存文件的办法。浏览器对缓存数据的容量限制不太一样，一般为5Mb。

4.单选框

使用单选框时，每个input的name值必须一致，才能保证它们是一组单选框。

<input type="radio" name="sax" value="male">male<br>

<input type="radio" name="sax" value="female">femal