当前位置: IT培训 > HTML5培训 > 前端开发 > 典型Web前端开发面试题之HTML
典型Web前端开发面试题之HTML 时间:2017-02-24     来源:web前端开发小赢家

1. Doctype作用?严格模式与混杂模式如何区分?它们有何意义?

(1)声明位于HTML文档中的第一行,处于标签之前,用于告知浏览器的解析器用什么文档标准解析这个文档。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。

(2)标准模式的排版和JS运作模式都是以该浏览器支持的高标准运行。在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。

(3)如果HTML文档包含形式完整的DOCTYPE,那么他一般以标准模式呈现。对于HTML4.01文档,包含严格DTD的DOCTYPE常常导致页面已标准模式呈现。DOCTYPE不存在或者格式不正确会导致文档已混杂模式呈现。

2. 请描述一个网页从开始请求道终显示的完整过程?

一个网页从请求到终显示的完整过程一般可以分为如下7个步骤:

(1)在浏览器中输入网址;

(2)发送至DNS服务器并获得域名对应的WEB服务器IP地址;

(3)与WEB服务器建立TCP连接;

(4)浏览器向WEB服务器的IP地址发送相应的HTTP请求;

(5)WEB服务器响应请求并返回指定URL的数据,或错误信息,如果设定重定向,则重定向到新的URL地址;

(6)浏览器下载数据后解析HTML源文件,解析的过程中实现对页面的排版,解析完成后在浏览器中显示基础页面;

(7)分析页面中的超链接并显示在当前页面,重复以上过程直至无超链接需要发送,完成全部数据显示。

3. HTML5 为什么只需要写 ?

(1)HTML5不基于SGML,因此不需要对DTD进行引用,但是需要DOCTYPE来规范浏览器的行为(让浏览器按照它们应该的方式来运行);

(2)HTML4.01基于SGML,所以需要对DTD进行引用,才能让浏览器知道该文档所使用的文档类型。

4. 行内元素有哪些?块级元素有哪些? 空(void)元素有那些?

***行内元素***:

a - 锚点,em - 强调,strong - 粗体强调,span - 定义文本内区块,i - 斜体,img - 图片,b - 粗体,label - 表格标签,select - 项目选择,textarea - 多行文本输入框,sub - 下标,

sup - 上标,q - 短引用;

***块元素***:

div - 常用块级,dl - 定义列表,dt,dd,ul- 非排序列表,li,ol-排序表单,p-段落,h1,h2,h3,h4,h5-标题,table-表格,fieldset - form控制组,form - 表单,

***空元素***:

br-换行,hr-水平分割线;

5. 介绍一下你对浏览器内核的理解?

浏览器重要或者说核心的部分是“Rendering Engine”,可大概译为“渲染引擎”,不过我们一般习惯将之称为“浏览器内核”。负责对网页语法的解释(如标准通用标记语言下的一个应用HTML、JavaScript)并渲染(显示)网页。 所以,通常所谓的浏览器内核也就是浏览器所采用的渲染引擎,渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语法的解释也有不同,因此同一网页在不同的内核的浏览器里的渲染(显示)效果也可能不同,这也是网页编写者需要在不同内核的浏览器中测试网页显示效果的原因。

X