聊聊那些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）