成都IT培训学校

前端面试基础问题整理

2017-04-24 09:56 作者:admin 来源:前端网 浏览: 我要评论(条) 字号:

摘要:前端面试基本问题储备--HTML

1.<!DOCTYPE>的作用?
告知浏览器的解析器用什么样的文档标准来解析文档,如果<!DOCTYPE>缺失或者格式不正确,那么文档以兼容模式显示。

2.标准模式和兼容模式有什么区别?
标准模式:排版和JS运作模式都以浏览器支持最高标准运行。
兼容模式:页面以宽松向后兼容的方式显示,模拟老式浏览器的行为防止站点不能正常工作。

3.HTML 5 为什么只需要写<!DOCTYPE html>?
HTML不基于SGML,因此不需要引用DTD,但需要doctype来规范浏览器的行为。
HTML 4.01基于SGML,因此需要引用DTD,来告知浏览器文档使用的文档类型。
注:SGML(标准通用标记语言)比html和xml更老标记语言
       DTD(文档类型定义)是一套关于标记符的语法规则,可检查SGML和XML文档的合法性。

4.行内元素有哪些?块元素有哪些?空元素有哪些?
CSS规范规定每个元素都有自己的默认display属性来确定元素类型。
行内元素(内联元素):
             特点:和其他元素在同一行。
                        元素的高度、宽度、顶部和底部的边距不能设置。
                       元素的宽度就是他包含的文字或图片的宽度,不可设置。
块级元素:
            特点:每个元素独占一行(从新的一行开始,其后面的元素也另起一行)。
                       元素的高度、宽度、顶部和底部的边距都可以设置。
                       元素的宽度不设置的话是他本身父容器的100%。
空元素:没有内容的元素。
行内元素:b、strong、a、select、img、input
块级元素:div、p、ul、ol、li、dl、dt(项)、dd(项的解释或定义)、h1....h6
空元素:br、hr、link、meta
行内块级元素:img、inputhtml元素分类

5.页面导入样式时,使用link和@import的区别?
内容:link是XHTML标签,除了加载CSS以外还可以定义RSS,定义rel连接属性等。
           @import只能用于导入CSS样式
时间:页面加载时,link同时被加载。
          页面加载完时才会加载import引用的CSS。
兼容:link是XHTML标签,无兼容问题
          @import是CSS2.1提出的,只在IE5以上才能被识别。
注:<link rel="stylesheet" type="text/css" href="main.css">中rel属性规定当前文档与被链接文档之间的关系。
顶一下
(0)
0%
踩一下
(0)
0%
标签:web前端学习资料前端面试
版权所有: 非特殊声明均为本站原创文章,转载请注明出处: 成都学前端开发网-web.ixueyun.com
订阅更新: 您可以通过RSS订阅我们的内容更新

当前栏目分类