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属性