资讯专栏INFORMATION COLUMN

前端面试【整理更新中】:HTML常见题目(带答案)

zhjx922 / 2529人阅读

摘要:标准模式的排版和运作模式都是以该浏览器支持的最高标准运行。使用之前需要考虑这两个缺点。数据的有效期不同。在设置的过期时间之前一直有效,即使窗口或者浏览器关闭。仅在浏览器窗口关闭之前有效。

一、HTML常见题目
01、Doctype作用?严格模式与混杂模式如何区分?它们有何意义?
02、 HTML5 为什么只需要写 !DOCTYPE HTML?
03、行内元素有哪些?块级元素有哪些?空(void)元素有那些?
04、页面导入样式时,使用link和@import有什么区别?
05、介绍一下你对浏览器内核的理解?
06、 iframe框架有那些优缺点?
07、 HTML5有哪些新特性,移除了那些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分HTML和HTML5?
08、请描述一下 cookies,sessionStorage 和 localStorage 的区别?
09、简述一下你对HTML语义化的理解?
10、HTML5的离线储存怎么使用,工作原理能不能解释一下?
11、 title与h1的区别、b与strong的区别、i与em的区别?12、 元素的alt和title有什么异同?01、Doctype作用?标准模式与兼容模式各有什么区别?

01、Doctype作用?标准模式与兼容模式各有什么区别?

* !DOCTYPE声明位于位于HTML文档中的第一行,处于html 标签之前。告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。
* 标准模式的排版 和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。

02、HTML5 为什么只需要写 !DOCTYPE HTML?

* HTML5 不基于 SGML,因此不需要对DTD进行引用,但是需要doctype来规范浏览器的行为(让浏览器按照它们应该的方式来运行);而HTML4.01基于SGML,所以需要对DTD进行引用,才能告知浏览器文档所使用的文档类型。

03、行内元素有哪些?块级元素有哪些?空(void)元素有那些?

* 行内元素:a span img input select 
* 块级元素:div ul ol li dl dt dd h1 p
* 空元素:

04、页面导入样式时,使用link和@import有什么区别?

* 相同的地方,都是外部引用CSS方式,
* 区别:
* link是xhtml标签,除了加载css外,还可以定义RSS等其他事务;@import属于CSS范畴,只能加载CSS
* link引用CSS时候,页面载入时同时加载;@import需要在页面完全加载以后加载,而且@import被引用的CSS会等到引用它的CSS文件被加载完才加载
* link是xhtml标签,无兼容问题;@import是在css2.1提出来的,低版本的浏览器不支持
* link支持使用javascript控制去改变样式,而@import不支持
* link方式的样式的权重高于@import的权重
* import在html使用时候需要