一、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:是谷歌新推出的用来表示网页图片的一种格式,具有其他类型图片的所有优势,还比较小,但兼容性不好。