2022前端面试题HTML(一)

本文介绍了网页中常见的行内元素、块级元素及空元素,并解析了如何通过CSS属性display进行元素类型转换。同时对比了link和@import在样式导入上的区别。还探讨了title与h1、b与strong等标签的差异以及img标签中title与alt属性的不同作用。最后,文章解释了png、jpg和gif等图片格式的特点及适用场景。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、行内元素,块级元素,空元素有哪些?

行内元素:span,img,input,…

块级元素:div,h1,p,…

空元素:br,hr,meta,head,…

如果要设置元素之间的转化

display:block 转换为块级元素

display:inline-block 转换为行内块元素

display:inline 转换为行内元素

二、页面导入样式时,使用link和@import有什么区别?

link是一个标签,@import是css的内容

link先加载,@import后加载。

 

三、title与h1,b与strong,i与em的区别?

 

四、img标签的title与alt有什么区别?

title是图片没有加载时显示的,alt是鼠标移入显示的。

再做seo,alt是可以解决蜘蛛抓取不到图片的位置

五、png,jpg,gif这些图片格式解释一下,分别什么时候用?

png:适合小图标,同样的图片体积大,不失帧

jpg:适合大图片,同样的图片体积小一点,失帧

gif:动态图片,

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值