聊聊那些html可能会问到的问题

(1)、行内元素有哪些?块级元素有哪些?空(void)元素有哪些?

行内元素:span、img、input.......

块级元素:p、div、h1....h6、header、section....

空元素:br、hr、meta、head....

涉及到元素转换(扩展回答,加分项)

display:inline 行内元素,不独占一行,不能设置宽高

display:block 块,独占一行,可以设置宽和高

display:inline-block 行内块,不独占一行,可以设置宽和高

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

1、相同点:都可以引入样式表

2、不同点:

(1)、link是一个标签,@import不是标签它是CSS的内容

(2)、link先加载;@import要等页面全部加载完才加载,所以使用@import会有闪烁的情况

(3)、兼容性问题:先创建的link,后来才有的@import,兼容性link要好,@import只有在IE5以上才能识别。

(3)、title和h1的区别,b和strong的区别,i和em的区别

(一)、1、title是网页标题,h1是内容标题2、在做SEO优化时,title大于h1;这就是为什么我们搜索一个网站关键词时有些网站排在前面,有些网站不在前面。 h1主要可以告诉百度蜘蛛网站的主要内容是什么。

(二)、b和strong的区别?

b只是一个加粗的标签,没有特殊含议

strong是一个加粗标签,但是有特殊含义强调:在盲人阅读器中体现,在SEO中体现****

(三) 、i和em的区别都是倾斜,i是没有特殊含义的,em有特殊含义、重点强调。i一般现在做图标了。

(4)、img标签的title和alt有什么区别

Title:鼠标移上去显示的文字Alt:图片加载不上时显示的文字在做seo时,alt可以解决百度蜘蛛抓取不到图片的问题。

(5)、png、jpg、gif、webp这些图片格式解释一下,分别什么时候用

jpg、jpeg:适合大图片,相对于png体积小一些;压缩会失桢

png:透明图,适合小图标,同样的图片体积大。压缩不失桢。

gif:动图,现在很少用。

webp:同时提供了有损压缩无损压缩(可逆压缩)的图片文件格式。缺点是兼容性问题(IE)

posted @ 2022-04-18 14:04  苏槿年  阅读(50)  评论(0编辑  收藏  举报