聊聊那些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:动图,现在很少用。