HTML最新面试题（笔试面试题）

HTML我们也学了那么久了，是时候看一些面试题了，毕竟学习完找工作要面试，你工作能力再强，面试这一关还是要过得。所以面试题占了很重要的成分。下面我来总结一部分，尽量全面一些，既要接近我们所学，又要满足真实面试场景。

 

1、请说出XHTML和HTML的区别

 

答： 1、文档顶部doctype声明不同，xhtml的doctype顶部声明中明确规定了xhtml DTD的写法；

         2、html元素必须正确嵌套，不能乱；

         3、属性必须是小写的；

         4、属性值必须加引号；

         5、标签必须有结束，单标签也应该用  “/” 来结束掉；

    

2、请写出至少5个HTML块元素标签

 

答： div  p  ul  li  table  h1 h2 h3 ... h6  form 等

 

3、请写出至少5个HTML行内元素标签

 

答：span  a  i  label  img  input  button  textarea select 等

 

4、请写出table标签下面会包含哪些标签元素

 

答： tr th  td  thead  tbody  tfoot 等

 

5、很多网站不常用table  iframe这两个元素，知道原因吗？

 

答：因为浏览器页面渲染的时候是从上至下的，而table 和 iframe 这两种元素会改变这样渲染规则，他们是要等待自己元素内的内容加载完才整体渲染。用户体验会很不友好。

 

6、jpg和png格式的图片有什么区别？

 

答： jpg是有损压缩格式，png是无损压缩格式。所以，相同的图片，jpg体积会小。比如我们一些官网的banner图，一般都很大，所以适合用jpg类型的图片。但png分8位的和24位的，8位的体积会小很多，但在某些浏览器下8位的png图片会有锯齿。

 

7、请用html知识解决seo优化问题

 

答： 网站上线应该设置TDK

        TDK就是 ：

        

 

然后就是html语义化标签，要简洁，合理，这样可以在css和js加载不全的时候，使我们的html文档尽量清晰的展示出来，而不会特别乱；

 

8、常用浏览器有哪些，内核都是什么？

 

答： 常用浏览器有 IE 火狐(firefox)  chrome safari  360 搜狗 等

        内核：IE的是 Trident  

                    火狐的是 Gecko

                    chrome和safari 用的是 Webkit

                    360和搜狗这些分极速模式和兼容模式，极速模式用的Webkit的内核，兼容模式用的Trident内核。

 

9、请至少写出5个H5的新标签

 

答： header  nav  footer canvas datalist  article  mark 

 

10、a标签在新窗口打开链接怎么加属性？

 

答： 链接

 

11、写了2个标签，两个标签之间有空格的情况遇到过吗？

 

答：遇到过，一般换行写的时候会出现这种情况。代码：

我们

你们

这样“我们”和“你们”之间就会有明显的空格，如图：

 

                                                                   

怎么样，是不是空格挺明显的。

 

解决办法就是不换行写，把两个a标签写在一行里。

 

12、form标签上定义请求类型的是哪个属性？定义请求地址的是哪个属性？

 

答：form表单定义请求类型的是  method 属性  ， 定义请求地址的是  action属性

 

好啦，基本上html这部分面试题就这么多，肯定还有没有总结到的，这些面试题一定要会，甚至比我总结的多了更好。喜欢文章的小伙伴记得关注公众号，帮助老师推广哦。下面是公众号二维码：