中国建设银行人力资源网站关键词查询
一、src和href的区别
src指向外部资源的位置，指向的内容会嵌入到文档中当前标签所在的位置；
href指向网络资源的位置，建立和当前元素或当前文档之间的链接。
二、对HTML语义化的理解
根据内容的结构化，选择合适的标签。
优点：1、对机器友好，有利于SEO，和搜索引擎建立良好的沟通；
2、对开发者友好，增强代码的可读性。
三、常用的meta标签有哪些
meta由name和content属性定义，用来描述网页文档的属性；
常用meta标签：charset用来描述html文档的编码类型；
keywords：页面关键字；
description：页面描述；
refresh：页面重定向和刷新；
viewport：适配移动端，可以控制视口的大小和比例；
四、HTML5有哪些更新
语义化标签
header、nav、mian、footer、aside
媒体标签
video、audio
表单
DOM查询操作
document.querySelector
document.querySelectorAll
web存储
lacalStorage--没有时间限制的存储
sessionStorage--针对一个session的数据存储
五、行内元素和块元素
行内元素：span、input、img、a、b
块元素：div、h1-h5、p、ol、ul、li
六、img的srcset属性的作用
响应式页面中，根据不同的屏幕密度设置不同的图片，这个时候就可以用到img的srcset属性
七、web worker的作用
web worker的作用就是为JavaScript提供多线程运行环境，允许主线程创建worker线程，这样就可以将一些任务分配给worker线程，好处是不会被随意打断，有利于随时响应主线程的通信，坏处是会造成资源的浪费，所以不使用的时候要即时关闭。通过postMessage将结果传回到主线程。
八、HTML5离线存储怎么使用，工作原理
离线存储是指当用户没有连接互联网时，用户可以正常访问站点和应用；用户连接互联网时，更新用户机器上的缓存文件。
工作原理：h5的离线存储机制是基于一个新建的.appcache文件的缓存机制，通过解析清单离线缓存资源，这些资源就会像cookie一样被存储下来，当网络处于离线状态时，浏览器会通过被离线存储的数据进行页面展示。
九、b和strong、i和em、title和h1的区别
strong是语义化标签，起到加重语气的作用，b只是简单的加粗；
i内容展示为斜体，em表示强调的语气；
title简单的表示为标题，h1表示更深层次的标题
十、iframe的优点和缺点
iframe元素会创建包含另一个文档的内敛框架
优点：可以用来加载速度较慢的文件；可以实现跨子域通信；可以并行下载脚本；
缺点：会阻塞主页面的onload事件；不利于搜索引擎识别；增加了http请求；
十一、label标签的作用
label标签用来定义表单控件间的关系，当选择label标签时，自动将焦点转移到和label标签相关的表单控件
十二、文档声明和<!Doctype html>的作用，严格模式和混杂模式的区别？
文档声明用来告诉浏览器当前文档是用什么版本的html来写的；
<!Doctype html>让浏览器进入标准模式，使用h5标准来解析渲染页面；
严格模式也称标准模式，让浏览器以w3c标准解析文档；
混杂模式指浏览器用自己的模式解析代码；
十三、BOM和DOM的区别
BOM是浏览器对象模型，主要定义了与浏览器进行交互的接口和方法；
DOM是文档对象模型，主要定义了处理网页内容的接口和方法；
十四、图片的格式
jpeg（jpg）：支持的色彩比较丰富，不支持透明效果，不支持动图；
gif：支持的色彩比较少，支持简单透明，支持动图；
png：支持的颜色丰富，支持复杂透明，不支持动图；
webp：是谷歌新推出的用来表示网页图片的一种格式，具有其他类型图片的所有优势，还比较小，但兼容性不好。