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标签在新窗口打开链接怎么加属性?

答: <a target="_blank">链接</a>

11、写了2个<a>标签,两个标签之间有空格的情况遇到过吗?

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

<a>我们</a>

<a>你们</a>

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

                                                                   

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

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

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

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

                                                          

猜你喜欢

转载自blog.csdn.net/xingyu_qie/article/details/84653456