href和src、div和span的区别

不同点

href属性:

1、通过该属性去关联另一份外部资源文件

2、如果被关联的资源文件,在页面渲染时需要用到该资源中的内容时,它会下载该资源

3、如果需要下载资源文件内容时,并行下载的方式,不会阻塞页面的渲染

src属性:

1、通过该属性去访问到对应的外部资源并替换掉该标签的内容

2、src属性肯定是会下载该路径的资源

3、src的下载不是并行下载,在页面渲染时如果遇到src那么会将该资源全部下载完毕并且解析后才会继续渲染页面后面的内容,src会阻塞页面的渲染

div标签是块级元素:

1、具备块级元素的特征

2、典型的块级元素、可以嵌套任何元素

3、div没有任何的语义

4、通常作为页面布局的容器使用

span标签是行内元素:

1、具备行内元素的特征

2、典型的行内元素,通常用于存放文本和其他的行内元素

3、span没有任何的语义

4、作为行内容器使用

经验分享 程序员 微信小程序 职场和发展