HTML面试题

1、标签语义化的意义
a、语义化标签能够呈现很好的代码结构，样式丢失或去掉能够展示完整的页面结构，方便浏览器的解析；

b、有利于SEO，语义化后，爬虫依赖标签来确定上下文以及关键字权重，有助于爬虫抓取更多的信息；

c、方便团队开发、后期维护以及项目交接，语义化更具有可读性；

2、H5新增了哪些语义化标签，至少写出5个
details、footer、header、canvas、section、article、audio、nav、video、progress、

3、form标签上定义请求类型的是哪个属性？定义请求地址的是哪个属性？
答：form表单定义请求类型的是 method 属性 ， 定义请求地址的是 action属性

4、写了2个标签，两个标签之间有空格的情况遇到过吗？
a标签不换行，写在同一行，可以解决空格问题

5、a标签在新窗口打开链接怎么加属性？
答：a标签的 target 属性值设置为 "_blank"

6、请至少写出5个H5的新标签
答：header、footer、nav、canvas、article、datalist、progress、video、time、section

7、常用浏览器哪些，内核是什么？
火狐的是Gecko、chrome和Safari的是Webkit、IE的是Trident

其他的国内的浏览器分为极速模式和兼容模式，极速是Webkit，兼容模式是Trident

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

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

10、请分别写出至少5个HTML块元素标签和行内元素标签
答：div、p、ul、li、h系列、form（块级元素）；span、br、a、img、input、button、textarea、select

11、请说出XHTML和HTML的区别
答：a、文档顶部doctype声明不同，xhtml的doctype顶部声明中明确规定了xhtml DTD的写法；

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

   c、属性必须是小写的；

   d、属性值必须加引号；

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

12、单标签和双标签各写5个
答：img、input、br、hr、meta（单标签）div、h系列、ul、li、ol、p（双标签）