- 1.src和href的区别
都是用在外部资源的引入上,比如图像,CSS文件,HTML文件,以及其他的web页面等等
1.src和href所表达的请求资源类型不同
src源的全拼是Source源,是在请求src资源的时候进行指向的资源下载并应用到文档中;href源的全拼是Hypertext Reference是指超文本引用,用来建立当前元素和文档之间的连接。
2.src和href的作用结果不同
src的作用结果只能用来替换当前内容,不能用在文档和资源之间联系;href的作用结果只能用在当前文档和所要引用的资源之间确立联系。
3.src和href作为外部资源的引入,它们浏览器的解析方式不同。
src在浏览器中被解析到时会暂停其他资源的下载和处理,并且把该资源加载编译完成;href在文档中进行添加时,浏览器会识别到这个文档并命名为CSS文件,就会下载合并资源,同时也不会停止对当前文档的处理。
href 是指向网络资源所在位置,建立和当前元素(锚点)或当前文档(链接)之间的链接,用于超链接。
src 是指向外部资源的位置,指向的内容将会嵌入到文档中当前标签所在位置;在请求 src 资源时会将其指向的资源下载并应用到文档内,例如 js 脚本,img 图片和 frame 等元素。当浏览器解析到该元素时,会暂停其他资源的下载和处理,直到将该资源加载、编译、执行完毕,图片和框架等元素也如此,类似于将所指向资源嵌入当前标签内。这也是为什么将 js 脚本放在底部而不是头部。
- 对HTML语义化的理解
用正确的标签做正确的事情。
html语义化让页面的内容结构化,结构更清晰,便于对浏览器,搜索引擎解析;
即使在没有css样式的情况下,也以一种文档格式显示,并且是容易阅读的;
搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重,利于SEO;
使阅读源代码的人对网站更容易将网站分块,便于阅读维护理解。
- 什么叫优雅降级和渐进增强?
优雅降级:Web 站点在所有新式浏览器中都能正常工作,如果用户使用的是老式浏览器,则代码会检查以确认它们是否能正常工作。由于 IE 独特的盒模型布局问题,针对不同版本的 IE 的 hack 实践过优雅降级了,为那些无法支持功能的浏览器增加候选方案,使之在旧式浏览器上以某种形式降级体验却不至于完全失效。
渐进增强:从被所有浏览器支持的基本功能开始,逐步地添加那些只有新式浏览器才支持的功能,向页面增加无害于基础浏览器的额外样式和功能的。当浏览器支持时,它们会自动地呈现出来并发挥作用。
- DOCTYPE(⽂档类型) 的作⽤
- script标签中defer和async的区别
- 常⽤的meta标签有哪些
- HTML5有哪些更新
- img的srcset属性的作⽤?
- 行内元素有哪些?块级元素有哪些?空(void)元素有那些?
- 说一下 web worker
- HTML5的离线储存怎么使用,它的工作原理是什么
- 浏览器是如何对 HTML5 的离线储存资源进行管理和加载?
- title与h1的区别、b与strong的区别、i与em的区别?
- iframe 有那些优点和缺点?
- label 的作用是什么?如何使用?
- Canvas和SVG的区别
- head 标签有什么作用,其中什么标签必不可少?
- 文档声明(Doctype)和有何作用? 严格模式与混杂模式如何区分?它们有何意义?
- 浏览器乱码的原因是什么?如何解决?
- 说一下 HTML5 drag API