1-------------------src和href区别
src和href都是对外部资源的引用 src会把资源嵌在当前文档里,会将指向的资源下载并引用到文档里,去请求js脚本时,当浏览器解析到该元素时,会暂停其他资源的下载和处理,直至该资源加载编译到执行完毕,所以一般会将js脚本放在页面底部(会阻塞浏览器解析) href 指的是资源的引用,它用于与网络资源建立链接关系,当浏览器执行该文件,会并行下载,不会阻塞
2------对 HTML 语义化的理解
在页面布局时使用合理的标签进行布局,优点可读性好,有利于seo 常见的语义化标签 aside header hooter nav导航 section区块 main主体
3---------------------- DOCTYPE(文档类型) 的作用
告诉文档以何种方式来进行解析(html,xhtml),必须声明在第一行,不同的文档类型影响js和css的解析 1,css1compat 标准模式 以w3c 标准解析页面 2,backcompat 怪异模式 浏览器使用自己的怪异模式进行渲染,会比标准模式标准较为宽松
4-------------script 标签中 defer 和 async 的区别
都属于异步加载,如果没有这两属性,浏览器会立即加载文档,从而阻塞文档 defer 和文档并行加载,等文档解析完再解析 async 异步加载文档,加载完之后开始解析,如果此时浏览器没有解析完,会阻塞浏览器
5------------常见的 meta 标签有哪些
charset 描述文档的编码类型 description 文档描述 title 文档标题 viewport 页面视口,做移动端适配,可以控制页面大小和比例 refresh 页面重定向和刷新
6------------ H5有哪些更新
语义化标签 header footer aside nav section等 浏览器存储 localstorage和sessionStorage canvas 和svg input 属性 placehoulder required autofocus autocomplete(基于之前输过的值默认补全) 媒体标签 video audio
7----img 的 srcset 属性的作用? 根据不同的屏幕密度设置图片的分辨率(设置不同的图片)
8 ------------------------行内元素,块元素,void空元素--------------------------------
行内元素:span select a img input button 块 div p table ul ol li h1 空元素 img br input link meta hr
9---------------iframe 有那些优点和缺点?
使用场景;嵌入第三方广告 优点:可以在页面中嵌入一个完整的网页,一般用于第三方广告 缺点:会增加页面开销,加载时会阻塞主页面,不利于seo
10-----文档声明(Doctype)和有何作用?
告诉浏览器以何种方式解析文档
11------------------ head 标签有什么作用,其中什么标签必不可少?
引入脚本和样式表 作为头部标签的容器 可以用来描述文档(title等) 其中标签有link script meta style title(必不可少)
12----------------------------渐进增强和优雅降级之间的区别
渐进增强:在保持基本功能实现的情况下,再追加一些交互和效果以实现提高用户体验(一般用于重构) 优雅降级:在设计之初,就基于高版本浏览器进行设计,以达到好的效果,项目后期再根据低版本浏览器, 进行简易兼容