牛客刷题笔记-html-8

 a标签属于行元素，默认情况下是不建议嵌套块元素的，但是有时由于特殊需要（可触区方面的考虑）以及语义性的考虑，会为a标签设置display:block;或float，再使用a标签嵌套块元素。

 date 选取日、月、年 month 选取月和年 week 选取周和年 time 选取时间（小时和分钟）

 

全局属性就是所有标签都可以使用的属性。

 

HTML 5 事件属性 (w3school.com.cn) 

 

 

万维网用url统一资源定位符来识别

 

    <p></p>
    <br>
    <hr>
    <img src="" alt="">

 考察单标签，双标签

 

 

 

span 为行内元素，无法设置高宽；当添加样式 display : block，可设置高宽。 

 

enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码。

属性值

application/x-www-form-urlencoded 
在发送前编码所有字符（默认） 

multipart/form-data 
不对字符编码。 在使用包含文件上传控件的表单时，必须使用该值。

text/plain 
空格转换为 "+" 加号，但不对特殊字符编码。

如果C 没有 display: inline-block; 那么C会直接和a重叠，虽然文本让出位置也就是c会出现在a的下边界下方. 但是高度仍然是100px.

这里的关键在于  display: inline-block 使得 C内部形成了BFC, BFC不与float元素重叠. 所以会出现在紧贴着a的右边界以及b的下边界的位置出现.

 

 

 

HTML5中增加了两种全新的数据存储方式：WebStorage和WebSQLDatabase。 

1. WebStorage可用于临时或永久保存客户端的少量数据，WebSQLDatabase是客户端本地化的一套数据库系统，可以将大量的数据保存在客户端，无须与服务器端进行交互，极大地减轻了服务器端的压力。 
2. WebStorage存储是HTML5为数据存储在客户端提供的一项重要功能，分为两种：sessionStorage(保存会话数据)和localStorage(在客户端长期保存数据)。

•  sessionStorage对象：使用sessionStorage对象在客户端保存的数据时间非常短暂，该数据实质上还是被保存在session对象中。用户在打开浏览器时，可以查看操作过程中要求临时保存的数据，一旦关闭浏览器，所有使用sessionStorage对象保存的数据将全部丢失。 

1. 保存：保存数据只需调用setItem()方法，格式：sessionStorage.setItem(key,value)。参数key表示被保存内容的键名，参数value表示被保存的内容。一旦键名设置成功，则不允许修改，不能重复，如果有重复的键名，只能修改对应的键值。 
2. 读取：读取被保存的数据，应该调用sessionStorage对象中getItem()方法，格式：sessionStorage.getItem(key)。该方法将返回一个指定键名对应的键值，如果不存在，则返回一个null值。 

• localStorage对象：长期在客户端保存数据，应该使用localStorage对象，使用该对象可以将数据长期保存在客户端，直至人工清除为止。 

1. 保存：保存数据调用对象中的setItem()方法，格式：localStorage.setItem(key,value)。
2. 读取：与sessionStorage对象保存数据一样。 读取数据调用对象中的getItem()方法，格式：localStorage.getItem(key)。与sessionStorage对象读取数据一样。 localStorage对象可以将内容长期保存在客户端，即使是重新打开浏览器也不会丢失。
3. 清除：如果需要清除localStorage对象保存的内容，应该调用该对象的另一个方法removeItem()，格式：localStorage.removeItem(key)。一旦删除成功，与键名对应的相应数据将全部被删除。