1. src和href的区别？
- 若在文档中添加href，浏览器会识别该文档为css文件，就会并行下载资源并且不会停止对当前文档的处理。
- 当浏览器解析到src，会暂停其他资源的的下载和处理，直到将该资源加载、编译、执行完毕。图片和框架等也是如此，类似于将所指向资源应用到当前内容。
2. script标签中的defer和async的区别？
- 纯标签：浏览器会中断文档加载，立即加载并执行脚本，执行完成继续文档加载，此举会阻塞后续文档的加载
- 加defer的标签：读取到时js脚本只加载不执行，等到文档解析完成后再执行
- 加aysnc的标签：后续文档与js脚本的加载并行进行的，但加载完后立即执行js脚本，执行完后继续加载后续文档。
3. HTML5有哪些更新？
- 语义化标签：head nav footer section 等
- 本地存储：localStorage sessionStorage
- 媒体播放：video audio
- 增强表单控件：time email url date等
- canvas
- 地理位置：Geolocation
- 拖拽和释放 API: drag drop
- 多任务：webworker
- 全双工通信协议：websocket
- 跨域资源共享CORS
4. 行内元素？块级元素？空（void）元素？
- 行内元素：<a> <b> <span> <img> <input> <strong> <label>
- 块级元素：<div> <ul> <ol> <dl> <table> <form> <h1> <p> <pre>
- 空元素：<br> <hr> <img> <link> <meta> <input>
5. img标签的srcset属性的作用？
用于浏览器根据宽高和像素密度来加载相应的图片资源，不需要使用JS也可以实现分辩率自适应。
6. 说一下webWorker？
webWorker是运行在后台的js，独立于其他脚本，不会影响页面性能，并且通过postMessage将结果回传到主线程，这样在进行复杂操作时不会阻塞主线程。
7. canvas和svg的区别？
canvas：依赖分辨率；不支持事件处理器；弱的文本渲染能力；能以.png和.jpg格式保存结果图像；最适合图像密集型的游戏。
svg：不依赖分辨率；支持事件处理器；最适合带有大型渲染区域的应用程序，比如谷歌地图；复杂度高会减慢渲染速度；不适合游戏应用。
8. label的作用是什么？如何使用？
作用：为input标签定义标注
- 用label标签将input标签包裹起来
-
<label><input type="checkbox" name="like" value="足球" id="check1">足球</label> - 在input标签中定义id，再用label标签将内容包裹起来
-
<input type="checkbox" name="like" value="足球" id="football"><label for="football">足球</label>
9. head标签有什么作用，其中什么标签必不可少？
- head标签用于定义文档的头部，它是所有头部元素的容器。
- head标签描述了文档的各种属性和信息，包括文档的标题，在web中的位置以及其他文档的关系等，绝大多数文档头部包含的数据不会显示给读者。
- head标签包括：<base> <link> <meta> <script> <style> <title>（唯一必须元素）
10. 常用meta标签有哪些？
meta标签由name和content属性定义，来描述一个html网页文档的属性，如：作者、日期、时间、网页描述、关键词、页面刷新等。常见的meta标签：
- charset：文档编码形式。 <meta charset= "UTF-8" />
- http-equiv：定义能改变服务器和用户引擎行为的编译
- viewport：适配移动端，控制视口的大小和比例。
- keywords：页面关键词 <meta name="keywords" content="关键字" />
- description：页面描述<meta name="description" content="页面描述内容" />
- refresh：页面重定向和刷新
- 搜索引擎索引方式：<meta name= "robots" content= "index，follow" />
11. DOCTYPE（文档类型）的作用？
- <!DOCTYPE>声明位于HTML文档中的第一行，处于<html>标签之前。
- 告知浏览器的解析器用什么文档标准去解析这个文档。
- DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。
- 文档类型：严格版本、过渡版本、基于框架的HTML文档。
12. 对html语义化的理解？
语义化是指根据内容的结构化，选择合适的标签。简单来说用正确的标签做正确的事情。
语义化的优点：
- 对机器友好，带有语义的文字表现力丰富，更适合搜索引擎的爬虫爬取有效信息，有利于SEO。
- 对开发者友好，使用语义标签增强了可读性，结构更加清晰，开发者能清晰的看出网页的结构，便于团队的开发和维护。
以上是小编自己搜罗各种资源总结，仅供参考学习！持续跟新中。。。
922
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
