html知识点

  • 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
原文地址:https://www.cnblogs.com/jy17/p/15328812.html