html部分面试题

1.谈一谈你对html语义化标签的理解？

• 用正确的标签做正确的事
• 能够使整体页面更结构化，语义化，使页面整体结构更清晰，便于浏览器的解析，即便在没有css样式下 也是一种格式的方式显示 更容易阅读和理解
• 便于个人以及维护人员进行管理和维护

2.行内，块，行内块三种元素的特点以及代表性标签？

• 行内元素：span i em  多个标签在一行显示 对margin仅左右有效果 不可设置宽高,padding四个方向均有效 但是会撑大空间
• 块元素：p div h1~h6   标签会自动换行 对margin和padding四个方向均有效 可以设置宽高 
• 行内块元素：img input 标签不会自动换行 能够设置宽高 
• 相互转换：display：block 转换成块 display：inline 转换成行内 display：inline-block 转换成行内块

3.html5新特性？

• 新的语义化标签 (nav,header,footer,aside,article)
• 多媒体标签(音频：audio，视频：video）
• 画布 Canvans API
• 地理（Geolocation） API
• Local Storage本地缓存 关闭浏览器数据不会丢失
• SessionStorage 缓存  放存在服务器上的数据 
• input 表单 新增控件：url email data time search 

4.label的作用？怎么用？

label 标签来定义表单控制间的关系,当用户选择该标签时，浏览器会自动将焦点转到和标签相关的表单控件上。

两种用法：

两种绑定方式
id绑定

<label for = "name "> </label>
<input id="name" type="text">


嵌套方式

<label> <input type="text"> </label>

5.src和href的区别？

• herf

          一般用于link和a标签当中 herf是引用和页面关联 是在当前元素和引用资源之间建联系

          在文档中添加 浏览器会该文档为css文件 就会下载资源并且不停的进行对当前文档的处理

• src 

       引用资源，替换当前元素，一般用在 img，script，iframe 上

      当浏览器解析到src时，就会暂停其他资源的下载和处理 直到将src执行完毕时 才会加载其他的文档 

6.link和@import的区别

• link 

             HTML引用方式 

             最大限度的支持并下载  加载速度快

             可以加载Dom

• @import

             CSS引用方式

              直到加载完毕 才能显示 

              嵌套过多会导致文档样式丢失

              不可以加载Dom

7.Cookie和Session的区别

• Cookie

                 存放于客户端  储存不敏感的信息 

                 大小限制一般为4KB  （最多储存20条左右）

                 可以设置失效时间 否则关闭浏览器默认失效

                 每次http请求中 都会附带在请求头内  

• Session

                 存放于服务器 一般储存用户信息和登录信息

                 大小限制一般在5M

                 仅在当前网页有效 关闭浏览器之后失效并清除

                  不参与通信

8.SessionStorage和LocalStorage的区别

• SessionStorage

                  仅在当前页面有效 关闭浏览器之后失效并清除